style changes
This commit is contained in:
parent
76b946d55c
commit
9fd5be2815
4 changed files with 18 additions and 7 deletions
|
|
@ -28,12 +28,12 @@ let mobiRightActive = $state(false);
|
|||
grid-template-areas:
|
||||
". title ."
|
||||
"left center right";
|
||||
margin: 1em 2em;
|
||||
padding: 1em 2em;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.layout-left { grid-area: left; padding-right: 1em; }
|
||||
.layout-right { grid-area: right; padding-left: 1em; }
|
||||
.layout-left { grid-area: left; padding-inline-end: 1em; }
|
||||
.layout-right { grid-area: right; padding-inline-start: 1em; }
|
||||
.layout-content { grid-area: center; }
|
||||
.layout-title { grid-area: title; text-align: center; font-size: 1.4em; }
|
||||
|
||||
|
|
@ -86,6 +86,8 @@ let mobiRightActive = $state(false);
|
|||
"center center center";
|
||||
|
||||
grid-template-columns: 2em auto 2em;
|
||||
|
||||
padding: 1em .5em;
|
||||
}
|
||||
|
||||
.layout-left, .layout-right { display: none; }
|
||||
|
|
@ -107,6 +109,10 @@ let mobiRightActive = $state(false);
|
|||
right: 0;
|
||||
}
|
||||
|
||||
.layout-content {
|
||||
font-size: .9em;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue