diff options
Diffstat (limited to 'app/javascript/flavours/glitch/styles/about.scss')
-rw-r--r-- | app/javascript/flavours/glitch/styles/about.scss | 33 |
1 files changed, 22 insertions, 11 deletions
diff --git a/app/javascript/flavours/glitch/styles/about.scss b/app/javascript/flavours/glitch/styles/about.scss index c9c0e3081..74807bb65 100644 --- a/app/javascript/flavours/glitch/styles/about.scss +++ b/app/javascript/flavours/glitch/styles/about.scss @@ -574,6 +574,7 @@ $small-breakpoint: 960px; .avatar { width: 80px; height: 80px; + @include avatar-size(80px); margin: 0 auto; margin-bottom: 15px; @@ -582,6 +583,7 @@ $small-breakpoint: 960px; width: 80px; height: 80px; border-radius: 48px; + @include avatar-radius(); } } @@ -716,6 +718,7 @@ $small-breakpoint: 960px; &__avatar { width: 44px; height: 44px; + @include avatar-size(48px); background-size: 44px 44px; } @@ -1094,6 +1097,21 @@ $small-breakpoint: 960px; } &.tag-page { + @media screen and (max-width: $column-breakpoint) { + padding: 0; + + .container { + padding: 0; + } + + #mastodon-timeline { + display: block; + width: 100vw; + height: 100vh; + border-radius: 0; + } + } + .grid { @media screen and (min-width: $small-breakpoint) { grid-template-columns: 33% 67%; @@ -1125,24 +1143,17 @@ $small-breakpoint: 960px; @media screen and (max-width: $column-breakpoint) { .grid { + grid-gap: 0; + .column-1 { grid-column: 1; - grid-row: 2; + grid-row: 1; } .column-2 { - grid-column: 1; - grid-row: 1; + display: none; } } - - .brand { - margin: 0; - } - - .landing-page__features { - display: none; - } } } } |