mirror of
https://git.sr.ht/~cadence/cloudtube
synced 2026-03-02 02:31:35 +00:00
Add descriptions to settings
This commit is contained in:
parent
49d32cfee2
commit
e4f6ffe122
2 changed files with 67 additions and 25 deletions
|
|
@ -29,21 +29,35 @@ fieldset
|
|||
|
||||
.field-row
|
||||
line-height: 1
|
||||
display: flex
|
||||
display: grid
|
||||
grid-template-areas: "label input" "description description"
|
||||
align-items: center
|
||||
justify-content: space-between
|
||||
position: relative
|
||||
padding-bottom: 5px
|
||||
margin-bottom: 5px
|
||||
border-bottom: 1px solid #bbb
|
||||
border-bottom: 1px solid #999
|
||||
|
||||
@media screen and (max-width: 400px)
|
||||
flex-direction: column
|
||||
align-items: start
|
||||
padding-bottom: 15px
|
||||
|
||||
.description
|
||||
&__label
|
||||
grid-area: label
|
||||
padding: 8px 8px 8px 0px
|
||||
color: #fff
|
||||
|
||||
&__input
|
||||
grid-area: input
|
||||
justify-self: end
|
||||
|
||||
&__description
|
||||
grid-area: description
|
||||
white-space: pre-line
|
||||
margin: 12px 0px 18px
|
||||
font-size: 16px
|
||||
color: #ccc
|
||||
|
||||
//
|
||||
.checkbox-row
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue