gomuks/web/src/ui/settings/SettingsView.css

60 lines
918 B
CSS

div.settings-view {
width: min(60rem, 80vw);
display: flex;
flex-direction: column;
h2, h3, h4 {
margin: 0;
}
summary > h3, summary > h4 {
display: inline;
}
table {
text-align: left;
div.preference {
display: flex;
}
}
> div.custom-css-input {
display: flex;
flex-direction: column;
gap: .5rem;
margin-right: 1rem;
> div.header {
display: flex;
gap: .5rem;
}
> textarea {
width: 100%;
box-sizing: border-box;
resize: vertical;
border: 1px solid var(--border-color);
outline: none;
height: 10rem;
min-height: 3rem;
font-family: var(--monospace-font-stack);
}
> div.buttons {
display: flex;
justify-content: right;
gap: .5rem;
> button {
padding: .5rem 1rem;
font-weight: bold;
&.delete:hover, &.delete:focus {
background-color: var(--error-color);
color: var(--inverted-text-color);
}
}
}
}
}