unoffical wafrn mirror
wafrn.net
atproto
social-network
activitypub
1.wafrn-toolbar {
2 bottom: unset;
3 border-top: unset;
4 border-bottom: 1px solid var(--mat-sys-outline-variant);
5 box-shadow: var(--mat-sys-level2);
6
7 /* Notch fixes */
8 --mat-toolbar-standard-height: calc(64px + env(safe-area-inset-top));
9 --mat-toolbar-mobile-height: calc(56px + env(safe-area-inset-top));
10 :root & {
11 padding-top: env(safe-area-inset-top);
12 }
13}
14
15.floating-button {
16 margin-bottom: unset;
17}
18
19/* Small-Screen media queries. */
20@media screen and (max-width: 992px) {
21 .wafrn-content {
22 padding-top: calc(64px + 1em);
23 }
24
25 .wafrn-post-editor {
26 margin-top: 3rem;
27 }
28
29 .floating-button {
30 bottom: unset;
31 top: 1em;
32 }
33}
34
35/* mat-toolbar breakpoint */
36@media screen and (max-width: 599px) {
37 .wafrn-content {
38 padding-top: calc(56px + 1em);
39 }
40 .offset-for-toolbar {
41 margin-top: calc(56px + env(safe-area-inset-top));
42 }
43}