[Work in progress] A Reactjs-based web app to help with ricing: designing beautiful unix desktop environments.
git clone https://mcol.xyz/code/unix.sexy
Log | Files | Refs

commit 0457b90e90cfbc74e049003fb79721d93acd68a7
parent 9d7f4a68ec3c994ccc2086aee05bb077b3ef6ce8
Author: mcol <mcol@posteo.net>
Date:   Wed,  1 Jul 2020 12:56:06 +0100

clean up panel CSS and appearance

Diffstat:
Msrc/components/colour/index.css | 1+
Msrc/components/optbox/index.css | 1+
Msrc/components/option/index.css | 8++++++--
3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/colour/index.css b/src/components/colour/index.css @@ -2,4 +2,5 @@ span.rc-color-picker-trigger { border: 2px solid rgba(0, 0, 0, 0); display: initial; padding: 5px 14px; + margin-right: 10px; } diff --git a/src/components/optbox/index.css b/src/components/optbox/index.css @@ -14,6 +14,7 @@ .optbox > div { width: 100%; + margin: 7px; } .optbox input { diff --git a/src/components/option/index.css b/src/components/option/index.css @@ -1,5 +1,9 @@ .switch { display: inline-block; + border: 2px solid rgba(255, 255, 255, 0.1); + border-radius: 4px; + background-color: rgba(255, 255, 255, 0.1); + margin-left: 10px; } input.switch { @@ -10,16 +14,16 @@ input.switch { .switch input { position: absolute; opacity: 0; + z-index: -1; } .switch input + label { margin: 1px; padding: 4px 6px; display: inline-block; - color: #fff; cursor: pointer; } .switch input:checked + label { - background: green; + background-color: rgba(255, 255, 255, 0.25); }