zzstoatzz.io
+24
-2
src/templates.rs
+24
-2
src/templates.rs
···
27
27
28
28
body {
29
29
font-family: ui-monospace, 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Menlo, 'Courier New', monospace;
30
-
height: 100vh;
30
+
min-height: 100vh;
31
31
background: radial-gradient(ellipse at center, #0a0a0f 0%, #000000 100%);
32
32
color: #e5e5e5;
33
33
overflow: hidden;
34
34
perspective: 1000px;
35
+
}
36
+
37
+
@media (max-width: 768px) {
38
+
body {
39
+
overflow-y: auto;
40
+
overflow-x: hidden;
41
+
}
35
42
}
36
43
37
44
.atmosphere {
···
102
109
z-index: 10;
103
110
}
104
111
112
+
@media (max-width: 768px) {
113
+
.container {
114
+
position: relative;
115
+
min-height: 100vh;
116
+
padding: 2rem 0;
117
+
}
118
+
}
119
+
105
120
.search-card {
106
121
background: transparent;
107
122
border: 1px solid rgba(255, 255, 255, 0.1);
···
135
150
border-radius: 4px;
136
151
color: #e5e5e5;
137
152
width: 100%;
138
-
min-width: 300px;
139
153
transition: all 0.2s;
140
154
}
141
155
···
236
250
237
251
.info-content.expanded {
238
252
max-height: 500px;
253
+
overflow-y: auto;
254
+
}
255
+
256
+
@media (max-width: 768px) {
257
+
.info-content.expanded {
258
+
max-height: none;
259
+
overflow-y: visible;
260
+
}
239
261
}
240
262
241
263
.info-section {