forked from
margin.at/margin
Write on the margins of the internet. Powered by the AT Protocol.
fix login header for mobile
+29
+29
web/src/css/login.css
+29
web/src/css/login.css
···
47
47
display: flex;
48
48
align-items: center;
49
49
justify-content: center;
50
+
flex-wrap: wrap;
50
51
gap: 8px;
51
52
text-align: center;
52
53
line-height: 1.3;
···
306
307
text-decoration-thickness: 2px;
307
308
opacity: 0.8;
308
309
}
310
+
311
+
@media (max-width: 480px) {
312
+
.login-heading {
313
+
font-size: 1.25rem;
314
+
flex-wrap: wrap;
315
+
gap: 4px;
316
+
padding: 0 10px;
317
+
}
318
+
319
+
.login-header-group {
320
+
margin-bottom: 32px;
321
+
gap: 16px;
322
+
}
323
+
324
+
.login-logo-img {
325
+
width: 48px;
326
+
height: 48px;
327
+
}
328
+
329
+
.login-x {
330
+
font-size: 1.5rem;
331
+
}
332
+
333
+
.login-atproto-icon svg {
334
+
width: 48px;
335
+
height: 48px;
336
+
}
337
+
}