jdr-et-univers/pelican-jdr
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases 5 Activity

📱 Amélioration gestion sidebar

Browse source 
Fixes #279
This commit is contained in:
Kazhnuz 2025-03-11 22:26:01 +01:00
parent d0e08a0ab6
commit fe39dfc8af
1 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
public/css/index.css
View file

@ -4,6 +4,7 @@
--color-gray-90: #002b36; --color-gray-90: #002b36;
--sidebar-width: 280px; --sidebar-width: 280px;
--main-width: 780px; --main-width: 780px;
--main-width-large: 900px;
/* --text-color is assigned to --color-gray-_ above */ /* --text-color is assigned to --color-gray-_ above */
--text-color-link: #4c2512; --text-color-link: #4c2512;
@ -51,7 +52,7 @@ body {
} }
.wrapper { .wrapper {
max-width: var(--main-width); max-width: var(--main-width-large);
margin: auto; margin: auto;
position: relative; position: relative;
} }
@ -333,7 +334,7 @@ iframe {
background-color:rgba(201, 42, 42, .1); background-color:rgba(201, 42, 42, .1);
} }
@media screen and (max-width: 1300px) { @media screen and (max-width: 1350px) {
.wrapper { .wrapper {
margin-left: var(--sidebar-width); margin-left: var(--sidebar-width);
position: relative; position: relative;
@ -411,6 +412,14 @@ iframe {
} }
} }
@media screen and (max-width: 1600px) {
.wrapper {
max-width: var(--main-width);
}
}
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
header h1 a[href] { header h1 a[href] {
font-size: 5rem; font-size: 5rem;