buzzcode2007/ShopAI-Extension
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

use .background when defining an area with background

Browse source 
Don't use main.container inside body to do that.
This commit is contained in:
buzz-lightsnack-2007 2024-04-22 23:53:01 +08:00
parent b09b69af3e
commit a42daaff61
2 changed files with 6 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
pages/settings.htm
View file

@ -6,7 +6,7 @@
<title for="term_preferences"></title> <title for="term_preferences"></title>
</head> </head>
<body> <body class="background">
<main class="container"> <main class="container">
<ul class="collapsible" data-collapsible="accordion"> <ul class="collapsible" data-collapsible="accordion">
<li> <li>

6
styles/ui.css
View file

@ -78,7 +78,6 @@ body {
background-color: var(--background-color); background-color: var(--background-color);
} }
body:has(main.container),
.background { .background {
background: linear-gradient( background: linear-gradient(
25deg, 25deg,
@ -113,6 +112,11 @@ ul.sidenav-fixed + * {
padding-left: 300px; padding-left: 300px;
} }
main.container > * {
padding-bottom: .5em;
padding-top: .5em;
}
@media only screen and (max-width: 992px) { @media only screen and (max-width: 992px) {
ul.sidenav-fixed + * { ul.sidenav-fixed + * {
padding-left: 0; padding-left: 0;