yandere_fe/src/components/settings_modal/settings_modal.scss

60 lines
954 B
SCSS
Raw Normal View History

2020-05-03 07:36:12 -07:00
@import '../../_variables.scss';
.settings-modal {
.settings_tab-switcher {
height: 100%;
}
.settings-modal-panel {
width: 1000px;
max-width: 90vw;
height: 90vh;
}
.panel-body {
overflow-y: hidden;
}
.setting-item {
border-bottom: 2px solid var(--fg, $fallback--fg);
margin: 1em 1em 1.4em;
padding-bottom: 1.4em;
> div {
margin-bottom: .5em;
&:last-child {
margin-bottom: 0;
}
}
&:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 1em;
}
select {
min-width: 10em;
}
textarea {
width: 100%;
max-width: 100%;
height: 100px;
}
.unavailable,
.unavailable i {
color: var(--cRed, $fallback--cRed);
color: $fallback--cRed;
}
.btn {
min-height: 28px;
min-width: 10em;
padding: 0 2em;
}
.number-input {
max-width: 6em;
}
}
}