edshot99/eBooru
1
0
Fork 0
forked from e621ng/e621ng
Code Issues 11 Releases 1 Activity

[Misc] Rework the page margins on mobile (#746)

Browse Source
This commit is contained in:
Cinder 2024-09-02 17:11:16 -07:00 committed by GitHub
parent 54cc34ee9f
commit a20aaae0e0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 15 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
app/javascript/src/styles/common/main_layout.scss
View File

@ -3,10 +3,14 @@ div#search {
} }
div#page { div#page {
border-radius: $border-radius-full;
overflow: visible; overflow: visible;
margin: 0 1rem; padding: $padding-050 $padding-025;
padding: $padding-050;
@include window-larger-than(800px) {
border-radius: $border-radius-full;
margin: 0 1em;
padding: $padding-050;
}
background-color: $hexagon-color-foreground; background-color: $hexagon-color-foreground;
background-color: themed("color-foreground"); background-color: themed("color-foreground");
@ -90,13 +94,17 @@ footer#page-footer {
grid-template-columns: 1fr 5em 1fr; grid-template-columns: 1fr 5em 1fr;
align-items: center; align-items: center;
margin: 1em; padding: $padding-050 $padding-025;
margin-bottom: 0; margin-top: 1em;
border-radius: $border-radius-full $border-radius-full 0 0;
padding: 0.75em 0 0.75em;
line-height: 1.75em; line-height: 1.75em;
background-color: themed("color-foreground"); background-color: themed("color-foreground");
@include window-larger-than(800px) {
border-radius: $border-radius-full $border-radius-full 0 0;
margin: 1em 1em 0 1em;
padding: $padding-050;
}
.footer-logo { .footer-logo {
width: 5em; width: 5em;
} }

5
app/javascript/src/styles/common/z_responsive.scss
View File

@ -86,8 +86,6 @@
} }
div#page { div#page {
margin: 0 0.25rem;
padding: 0.5rem 0.25rem;
> div /* div#c-$controller */ > div /* div#c-$controller */
{ {
@ -320,9 +318,6 @@
@media screen and (max-width: 660px) { @media screen and (max-width: 660px) {
body.resp { body.resp {
#c-forum-topics, #c-forum-posts { #c-forum-topics, #c-forum-posts {
#a-show {
padding: 1em 0.5em;
}
.creator { .creator {
display: none; display: none;