diff options
| author |  piotrruss <mail@pruss.it>
| 2023-04-10 21:57:33 +0200 |
|---|---|---|
| committer | piotrruss <mail@pruss.it>
| 2023-04-10 21:57:33 +0200 |
| commit | f8463676a40656893c2048655e8807099e3adb39 (patch) | |
| tree | 9b38927a293e38ec38da2707434786d92327edd0 /apps/Radio/styles/_list.scss | |
| parent | f4e00553c4acf44de48af958afc8747128b55562 (diff) | |
| download | my_apps-f8463676a40656893c2048655e8807099e3adb39.tar.gz my_apps-f8463676a40656893c2048655e8807099e3adb39.tar.bz2 my_apps-f8463676a40656893c2048655e8807099e3adb39.zip | |
add radio app
Diffstat (limited to 'apps/Radio/styles/_list.scss')
| -rw-r--r-- | apps/Radio/styles/_list.scss | 51 |
1 files changed, 51 insertions, 0 deletions
diff --git a/apps/Radio/styles/_list.scss b/apps/Radio/styles/_list.scss new file mode 100644 index 0000000..08e37cc --- /dev/null +++ b/apps/Radio/styles/_list.scss @@ -0,0 +1,51 @@ +.list { + padding: 10px; + height: 100%; + overflow-y: auto; + + & > div { + & > div { + padding: 8px 0; + display: flex; + justify-content: left; + align-items: center; + transition: .3s background-color; + + @media(hover: hover) { + &:hover { + background-color: var(--color-button-alt); + } + } + + & > img { + margin-right: 10px; + height: 75px; + width: 75px; + } + + & > div { + padding-top: .5rem; + & > span { + display: inline-block; + font-weight: 600; + color: var(--color-text-alt); + } + + & > div { + & > span { + color: var(--color-text); + } + & > div { + & > span { + display: inline-block; + background-color: var(--color-button); + padding: 0.25rem; + margin: 0.5rem .5rem 0.5rem 0;; + border-radius: .25rem; + } + } + } + } + } + } +} |