From f8463676a40656893c2048655e8807099e3adb39 Mon Sep 17 00:00:00 2001
From: piotrruss <mail@pruss.it>
Date: Mon, 10 Apr 2023 21:57:33 +0200
Subject: add radio app

---
 apps/Radio/styles/_list.scss | 51 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 51 insertions(+)
 create mode 100644 apps/Radio/styles/_list.scss

(limited to 'apps/Radio/styles/_list.scss')

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;
+            }
+          }
+        }
+      }
+    }
+  }
+}
-- 
cgit v1.2.3