Spaces:
Running
Running
Update index.html
Browse files- index.html +10 -26
index.html
CHANGED
@@ -10,45 +10,29 @@
|
|
10 |
body {
|
11 |
background-color: #1a1a1a;
|
12 |
color: #e2e8f0;
|
|
|
|
|
|
|
|
|
|
|
|
|
13 |
}
|
14 |
iframe {
|
15 |
width: 100%;
|
16 |
-
height:
|
17 |
border: none;
|
18 |
-
|
19 |
-
|
20 |
-
iframe {
|
21 |
-
height: 80vh;
|
22 |
-
}
|
23 |
-
}
|
24 |
-
@media (min-width: 768px) {
|
25 |
-
iframe {
|
26 |
-
height: 70vh;
|
27 |
-
}
|
28 |
-
}
|
29 |
-
@media (min-width: 1024px) {
|
30 |
-
iframe {
|
31 |
-
height: 60vh;
|
32 |
-
}
|
33 |
-
}
|
34 |
-
@media (min-width: 1280px) {
|
35 |
-
iframe {
|
36 |
-
height: 50vh;
|
37 |
-
}
|
38 |
}
|
39 |
</style>
|
40 |
</head>
|
41 |
-
<body
|
42 |
-
<!-- Gradio App Component -->
|
43 |
-
<!-- <gradio-app src="https://qwen-qwen2-5-coder-demo.hf.space" data-props='{"theme": "dark"}'></gradio-app> -->
|
44 |
-
|
45 |
<!-- Iframe Component -->
|
46 |
<iframe
|
47 |
src="https://qwen-qwen2-5-coder-demo.hf.space"
|
48 |
title="Qwen Qwen2-5 Coder Demo"
|
49 |
aria-label="Qwen Qwen2-5 Coder Demo"
|
50 |
frameborder="0"
|
51 |
-
class="rounded-lg shadow-lg"
|
52 |
></iframe>
|
53 |
</body>
|
54 |
</html>
|
|
|
10 |
body {
|
11 |
background-color: #1a1a1a;
|
12 |
color: #e2e8f0;
|
13 |
+
margin: 0;
|
14 |
+
padding: 0;
|
15 |
+
display: flex;
|
16 |
+
justify-content: center;
|
17 |
+
align-items: center;
|
18 |
+
height: 100vh;
|
19 |
}
|
20 |
iframe {
|
21 |
width: 100%;
|
22 |
+
height: 100%;
|
23 |
border: none;
|
24 |
+
border-radius: 0.5rem;
|
25 |
+
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
26 |
}
|
27 |
</style>
|
28 |
</head>
|
29 |
+
<body>
|
|
|
|
|
|
|
30 |
<!-- Iframe Component -->
|
31 |
<iframe
|
32 |
src="https://qwen-qwen2-5-coder-demo.hf.space"
|
33 |
title="Qwen Qwen2-5 Coder Demo"
|
34 |
aria-label="Qwen Qwen2-5 Coder Demo"
|
35 |
frameborder="0"
|
|
|
36 |
></iframe>
|
37 |
</body>
|
38 |
</html>
|