diff --git a/src/components/Elements/MainModal/scss/modules/_modalTabContent.scss b/src/components/Elements/MainModal/scss/modules/_modalTabContent.scss index 843d7a97..88068015 100644 --- a/src/components/Elements/MainModal/scss/modules/_modalTabContent.scss +++ b/src/components/Elements/MainModal/scss/modules/_modalTabContent.scss @@ -7,77 +7,76 @@ @include modal-button(standard); } */ - padding: 1rem 2rem 5rem; - display: flex; - flex-direction: column; - width: 100%; - height: 100%; - overflow-y: auto; - - @include themed { + padding: 1rem 2rem 5rem; + display: flex; + flex-direction: column; + width: 100%; + // height: 100%; + overflow-y: auto; + @include themed { background: t($modal-background); margin: 0; border-radius: t($borderRadius); - } + } - @extend %tabText; + @extend %tabText; - hr { - width: 100%; - background: rgb(196 196 196 / 74%); - outline: none; + hr { + width: 100%; + background: rgb(196 196 196 / 74%); + outline: none; + } + + .settingsRow { + display: flex; + align-items: center; + justify-content: space-between; + transition: 0.4s ease-in-out; + padding-top: 2rem; + padding-bottom: 2rem; + + @include themed { + border-bottom: 1px solid t($modal-border); } - .settingsRow { + &.settingsNoBorder { + border-bottom: none; + } + + &:last-child { + margin-bottom: 2rem; + } + + .content { display: flex; - align-items: center; - justify-content: space-between; - transition: 0.4s ease-in-out; - padding-top: 2rem; - padding-bottom: 2rem; + flex-flow: column; + max-width: 50%; + gap: 5px; + } - @include themed { - border-bottom: 1px solid t($modal-border); + .action { + display: flex; + flex-flow: column; + align-items: flex-end; + width: 300px; + gap: 10px; + + button { + margin-top: 10px; } - &.settingsNoBorder { - border-bottom: none; - } - - &:last-child { - margin-bottom: 2rem; - } - - .content { + .link { + margin-top: 10px; display: flex; - flex-flow: column; - max-width: 50%; - gap: 5px; - } - - .action { - display: flex; - flex-flow: column; - align-items: flex-end; - width: 300px; - gap: 10px; - - button { - margin-top: 10px; - } - - .link { - margin-top: 10px; - display: flex; - flex-flow: row; - gap: 15px; - align-items: center; - } + flex-flow: row; + gap: 15px; + align-items: center; } } } +} .resetDataButtonsLayout { display: grid;