From a6ff5eee45215effb3344cb5d631a27a7c0369aa Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Fri, 22 Sep 2023 19:34:01 +0200 Subject: refactor(components): rewrite form components --- .../organisms/modals/settings-modal.module.scss | 26 +++++++--------------- 1 file changed, 8 insertions(+), 18 deletions(-) (limited to 'src/components/organisms/modals/settings-modal.module.scss') diff --git a/src/components/organisms/modals/settings-modal.module.scss b/src/components/organisms/modals/settings-modal.module.scss index e9b3b85..95626ab 100644 --- a/src/components/organisms/modals/settings-modal.module.scss +++ b/src/components/organisms/modals/settings-modal.module.scss @@ -20,27 +20,17 @@ column-gap: var(--spacing-lg); } -.items { +.item { + width: 100%; margin: 0 0 var(--spacing-2xs); - max-width: unset; -} -.fieldset__body { - margin-left: auto; + > *:last-child { + margin-left: auto; + } } -.tooltip { - font-size: var(--font-size-sm); - z-index: 2; +.icon { + --icon-size: #{fun.convert-px(30)}; - @media screen and (max-height: #{var.get-breakpoint("2xs")}) { - width: calc(100vw - var(--spacing-md)); - padding: var(--spacing-md) var(--spacing-2xs) var(--spacing-2xs) - var(--spacing-2xs); - right: 0; - } - - @media screen and (min-width: #{var.get-breakpoint("sm")}) { - width: 100%; - } + margin-right: var(--spacing-2xs); } -- cgit v1.2.3