From a70db94b2bdd34fc417ce5375747e47a219c6bd4 Mon Sep 17 00:00:00 2001 From: Amir Date: Sun, 15 Sep 2024 19:14:04 +0200 Subject: [PATCH] . --- static/css/style.css | 113 +++++++++++++++++++++---------------------- 1 file changed, 55 insertions(+), 58 deletions(-) diff --git a/static/css/style.css b/static/css/style.css index 07fe7005..6293fb54 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -115,6 +115,60 @@ footer { color: white; } +@media (min-width: 1024px) { + .side-menu { + display: none; + } + .saburly-footer, + .content { + margin-left: 10%; + margin-right: 10%; + } + .empty-menu{ + display: block; + } + .empty-menu-small{ + display: none; + } +} + +@media (max-width: 1023px) { + .side-menu { + display: block; + } + .saburly-footer{ + margin-left: 10%; + margin-right: 10%; + } + .empty-menu{ + display: none; + } + .empty-menu-small{ + display: block; + } + .side-panel { + width: 100%; + } + .content { + width: 95%; + margin-left: 2.5%; + margin-right: 2.5%; + padding-left: 0; + padding-right: 0; + } + .saburly-menu { + z-index: 9999; + margin-left: 5%; + margin-right: 5%; + } + .saburly-logo{ + margin-right: 112px; + padding-top: 5px; + padding-bottom: 5px; + } +} + + .header-hidden { transform: translateY(-100%); transition: transform 0.3s ease; @@ -169,8 +223,6 @@ body.side-menu.active { overflow: hidden; } -/* Carousel */ - .carousel-slider { width: 100%; overflow: hidden; @@ -189,64 +241,9 @@ body.side-menu.active { text-align: center; } -/* Devices size */ - @media only screen and (max-width: 768px) { .carousel-item { width: calc(100% / 3); flex: 0 0 calc(100% / 3); } -} - -@media (min-width: 1024px) { - .side-menu { - display: none; - } - .saburly-footer, - .content { - margin-left: 10%; - margin-right: 10%; - } - .empty-menu{ - display: block; - } - .empty-menu-small{ - display: none; - } -} - -@media (max-width: 1023px) { - .side-menu { - display: block; - } - .saburly-footer{ - margin-left: 10%; - margin-right: 10%; - } - .empty-menu{ - display: none; - } - .empty-menu-small{ - display: block; - } - .side-panel { - width: 100%; - } - .content { - width: 95%; - margin-left: 2.5%; - margin-right: 2.5%; - padding-left: 0; - padding-right: 0; - } - .saburly-menu { - z-index: 9999; - margin-left: 5%; - margin-right: 5%; - } - .saburly-logo{ - margin-right: 112px; - padding-top: 5px; - padding-bottom: 5px; - } -} +} \ No newline at end of file