FediMovies/fedimovies-web
1
1
Fork 0
Code Pull requests Activity

Fix content overflow on small screens

Browse source
This commit is contained in:
silverpill 2022-05-25 22:26:37 +00:00
parent c2b0c67be9
commit 12a06d711d
2 changed files with 2 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/App.vue
View file

@ -273,6 +273,7 @@ header {
} }
.content { .content {
box-sizing: border-box;
max-width: $content-width; max-width: $content-width;
min-width: $content-min-width; min-width: $content-min-width;
width: $content-width; width: $content-width;

1
src/components/Sidebar.vue
View file

@ -180,6 +180,7 @@ export default class Sidebar extends Vue {
@media screen and (max-width: $screen-breakpoint-small) { @media screen and (max-width: $screen-breakpoint-small) {
.sidebar:not(.wide) { .sidebar:not(.wide) {
flex-direction: row; flex-direction: row;
gap: 0;
justify-content: space-between; justify-content: space-between;
padding-bottom: $body-padding; padding-bottom: $body-padding;
top: $header-height; top: $header-height;