Fix content overflow on small screens
This commit is contained in:
parent
c2b0c67be9
commit
12a06d711d
2 changed files with 2 additions and 0 deletions
|
@ -273,6 +273,7 @@ header {
|
|||
}
|
||||
|
||||
.content {
|
||||
box-sizing: border-box;
|
||||
max-width: $content-width;
|
||||
min-width: $content-min-width;
|
||||
width: $content-width;
|
||||
|
|
|
@ -180,6 +180,7 @@ export default class Sidebar extends Vue {
|
|||
@media screen and (max-width: $screen-breakpoint-small) {
|
||||
.sidebar:not(.wide) {
|
||||
flex-direction: row;
|
||||
gap: 0;
|
||||
justify-content: space-between;
|
||||
padding-bottom: $body-padding;
|
||||
top: $header-height;
|
||||
|
|
Loading…
Reference in a new issue