fix base style hydriam

Vasak-OS · Dec 12, 2023 · dd991ff · dd991ff
1 parent 53bd94a
commit dd991ff
Showing 1 changed file with 59 additions and 7 deletions.
diff --git a/scss/apps/hydriam.scss b/scss/apps/hydriam.scss
@@ -6,25 +6,30 @@
 }
 
 #menu-content {
-  height: calc(100vh - 120px);
+  height: calc(100vh - 80px);
   overflow-y: scroll;
+  background: var(--system-background);
+  border-radius: var(--system-border);
+  padding: 5px;
 }
 
 #menu-category {
   margin-top: 5px;
-}
-
-.category-img {
-  max-height: 24px;
+  background: var(--system-background);
+  border-radius: var(--system-border);
+  padding: 5px;
 }
 
 .vsk-profile-picture {
   border-radius: 50%;
-	margin-bottom: 30px;
+  height: 36px;
 }
 
 .btn-session {
-  margin-top: 10px;
+  background: var(--system-background) !important;
+  padding: 3px;
+  margin-left: 5px;
+  margin-right: 5px;
 }
 
 .form-control {
@@ -33,6 +38,11 @@
   margin-top: 10px;
   border: 1px solid var(--system-color);
   border-radius: var(--system-border);
+
+  &:focus {
+    background: var(--system-background);
+    color: var(--system-font-color);
+  }
 }
 
 .input-group-text {
@@ -62,3 +72,45 @@
 .nav-pills .show > .nav-link {
   background: var(--system-color);
 }
+
+.app-card {
+  cursor: pointer;
+  margin-bottom: 10px;
+  border-radius: var(--system-border);
+  padding: 3px;
+
+  &:hover {
+    background-color: var(--system-background);
+  }
+}
+
+.app-card-image {
+  margin: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--system-border);
+}
+
+.app-card-info {
+  padding: 6px;
+  margin: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+
+.session-card {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  flex-direction: initial;
+}
+
+.user-card {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  flex-direction: initial;
+}