修复安卓样式bug
Browse files- public/style.css +5 -6
public/style.css
CHANGED
|
@@ -220,7 +220,8 @@ button.loading::after {
|
|
| 220 |
box-shadow: 0 8px 32px rgba(0,0,0,0.2);
|
| 221 |
width: 100%;
|
| 222 |
max-width: 1400px;
|
| 223 |
-
height: calc(100vh - 1rem);
|
|
|
|
| 224 |
display: flex;
|
| 225 |
flex-direction: column;
|
| 226 |
border: 1px solid rgba(255, 255, 255, 0.5);
|
|
@@ -383,8 +384,7 @@ button.loading::after {
|
|
| 383 |
align-items: start;
|
| 384 |
flex: 1;
|
| 385 |
overflow-y: auto;
|
| 386 |
-
padding
|
| 387 |
-
padding-bottom: 0.5rem;
|
| 388 |
min-height: 0;
|
| 389 |
}
|
| 390 |
.token-card {
|
|
@@ -394,7 +394,6 @@ button.loading::after {
|
|
| 394 |
padding: 0.875rem;
|
| 395 |
transition: all 0.2s;
|
| 396 |
position: relative;
|
| 397 |
-
overflow: hidden;
|
| 398 |
}
|
| 399 |
@media (prefers-color-scheme: dark) {
|
| 400 |
.token-card {
|
|
@@ -1259,10 +1258,10 @@ input:checked + .slider:before {
|
|
| 1259 |
|
| 1260 |
/* 响应式 */
|
| 1261 |
@media (max-width: 768px) {
|
| 1262 |
-
.container { padding: 0; height: 100vh; align-items: stretch; }
|
| 1263 |
.login-form { margin: auto 0.5rem; padding: 1.5rem; }
|
| 1264 |
.login-form h2 { font-size: 1.25rem; }
|
| 1265 |
-
.main-content { height: 100vh; border-radius: 0; margin: 0; }
|
| 1266 |
.header {
|
| 1267 |
padding: 0.5rem 0.75rem;
|
| 1268 |
flex-wrap: nowrap;
|
|
|
|
| 220 |
box-shadow: 0 8px 32px rgba(0,0,0,0.2);
|
| 221 |
width: 100%;
|
| 222 |
max-width: 1400px;
|
| 223 |
+
height: calc(100vh - 1rem); /* Fallback */
|
| 224 |
+
/* height: calc(100dvh - 1rem); */
|
| 225 |
display: flex;
|
| 226 |
flex-direction: column;
|
| 227 |
border: 1px solid rgba(255, 255, 255, 0.5);
|
|
|
|
| 384 |
align-items: start;
|
| 385 |
flex: 1;
|
| 386 |
overflow-y: auto;
|
| 387 |
+
padding: 4px 8px 1rem 4px;
|
|
|
|
| 388 |
min-height: 0;
|
| 389 |
}
|
| 390 |
.token-card {
|
|
|
|
| 394 |
padding: 0.875rem;
|
| 395 |
transition: all 0.2s;
|
| 396 |
position: relative;
|
|
|
|
| 397 |
}
|
| 398 |
@media (prefers-color-scheme: dark) {
|
| 399 |
.token-card {
|
|
|
|
| 1258 |
|
| 1259 |
/* 响应式 */
|
| 1260 |
@media (max-width: 768px) {
|
| 1261 |
+
.container { padding: 0; height: 100vh; height: 100dvh; align-items: stretch; }
|
| 1262 |
.login-form { margin: auto 0.5rem; padding: 1.5rem; }
|
| 1263 |
.login-form h2 { font-size: 1.25rem; }
|
| 1264 |
+
.main-content { height: 100vh; height: 100dvh; border-radius: 0; margin: 0; }
|
| 1265 |
.header {
|
| 1266 |
padding: 0.5rem 0.75rem;
|
| 1267 |
flex-wrap: nowrap;
|