moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Chats: fix audio toggle styles

This commit is contained in:
Alex Gleason 2022-05-27 20:22:56 -04:00
parent c1227079ac
commit 139cd8f719
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
1 changed files with 7 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
app/styles/chats.scss
View File

@ -104,25 +104,20 @@
} }
.audio-toggle .react-toggle-thumb { .audio-toggle .react-toggle-thumb {
height: 14px; @apply w-3.5 h-3.5 border border-solid border-primary-400;
width: 14px;
border: 1px solid var(--brand-color--med);
} }
.audio-toggle .react-toggle { .audio-toggle .react-toggle {
height: 16px; @apply top-1;
top: 4px;
} }
.audio-toggle .react-toggle-track { .audio-toggle .react-toggle-track {
height: 16px; @apply h-4 w-8 bg-accent-500;
width: 34px;
background-color: var(--accent-color);
} }
.audio-toggle .react-toggle-track-check { .audio-toggle .react-toggle-track-check {
left: 2px; left: 4px;
bottom: 5px; bottom: 0;
} }
.react-toggle--checked .react-toggle-thumb { .react-toggle--checked .react-toggle-thumb {
@ -130,8 +125,8 @@
} }
.audio-toggle .react-toggle-track-x { .audio-toggle .react-toggle-track-x {
right: 8px; right: 5px;
bottom: 5px; bottom: 0;
} }
.fa { .fa {