From 32ccca3c1b647a603d8ec86617363ca418ff89a5 Mon Sep 17 00:00:00 2001 From: Lucas <lucassonit@gmail.com> Date: Mon, 25 Jul 2022 11:54:52 -0300 Subject: [PATCH] Fix filters container in low resolutions --- src/css/Dropdown/FiltersGroupComponent.scss | 34 +++++---------------- src/css/ModalComponents.scss | 2 -- 2 files changed, 7 insertions(+), 29 deletions(-) diff --git a/src/css/Dropdown/FiltersGroupComponent.scss b/src/css/Dropdown/FiltersGroupComponent.scss index 22d81d2..557e588 100644 --- a/src/css/Dropdown/FiltersGroupComponent.scss +++ b/src/css/Dropdown/FiltersGroupComponent.scss @@ -1,10 +1,10 @@ .filters-container { - background: #fff; - padding: 30px 0; - border-radius: 10px; - font-family: 'Montserrat'; - box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); - box-sizing: border-box; + background: #fff; + padding: 30px 0; + border-radius: 10px; + font-family: "Montserrat"; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); + box-sizing: border-box; h3 { margin: 0; @@ -44,28 +44,8 @@ @media (max-width: 680px) { .filters-container { - h3 { - width: max-content; - } + min-width: 0 !important; margin: 0 auto; } - - .item-container { - width: min-content; - - .expansion-panel-closed { - width: 100%; - - - img { - // width: 80% - } - } - - } - - .dropdown-filters-container { - width: min-content; - } } diff --git a/src/css/ModalComponents.scss b/src/css/ModalComponents.scss index 3f8f107..a1a1dc9 100644 --- a/src/css/ModalComponents.scss +++ b/src/css/ModalComponents.scss @@ -250,8 +250,6 @@ .modal-header-container { button { - // height: 5%; - // width: 5%; padding: 1% 2% 0 0; img { -- GitLab