deblan-mirror/borgwarehouse
deblan-mirror/borgwarehouse
1
0
Fork 0
mirror of https://github.com/Ravinou/borgwarehouse synced 2024-05-09 17:16:40 +02:00
Code Issues Packages Projects Releases Wiki Activity

ui: css for radio button in main sheet

Browse source
This commit is contained in:
bsourisse 2023-03-08 15:18:43 +01:00
parent d81a7472be
commit 626b11736a
2 changed files with 37 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
Containers/UserSettings/UserSettings.module.css
View file

@ -78,7 +78,7 @@
display: block;
margin-bottom: 8px;
text-align: center;
margin-top: 20px;
/* margin-top: 20px; */
color: #494b7a;
}

36
styles/default.css
View file

@ -174,3 +174,39 @@ code {
.heart::before {
content: '\f004';
}
/* Radio group and radio button */
.radio-group {
display: flex;
}
.radio-group input[type='radio']:checked + span::before {
background-color: #6d4aff;
box-shadow: inset white 0 0 0 2px;
}
.radio-group span::before {
border: 2px solid #6d4aff;
content: '';
display: flex;
height: 16px;
width: 16px;
margin: 0 5px;
border-radius: 50%;
box-sizing: border-box;
transition: all ease 0.2s;
box-shadow: inset white 0 0 0 10px;
}
.radio-group label {
margin: 0 8px 0 0;
cursor: pointer;
}
.radio-group input[type='radio'] {
opacity: 0;
}
.radio-group span {
display: flex;
align-items: center;
}