style: 💄 Fixed styling in some places

Nerimity · Feb 5, 2023 · a411b72 · a411b72
1 parent 2c4d253
commit a411b72
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 4 deletions.
diff --git a/src/components/ui/Button.tsx b/src/components/ui/Button.tsx
@@ -29,6 +29,7 @@ const ButtonContainer = styled("button")<{margin?: number}>`
   user-select: none;
   transition: 0.2s;
   background-color: rgba(255, 255, 255, 0.08);
+  border: solid 1px rgba(255, 255, 255, 0.03);
 
   &:hover {
     background-color: rgba(255, 255, 255, 0.15);

diff --git a/src/components/ui/settings-block/SettingsBlock.tsx b/src/components/ui/settings-block/SettingsBlock.tsx
@@ -1,6 +1,6 @@
+import styles from './styles.module.scss';
 import { JSX, Show } from 'solid-js';
 import Icon from '@/components/ui/icon/Icon';
-import styles from './styles.module.scss';
 import { classNames, conditionalClass } from '@/common/classNames';
 
 interface BlockProps {

diff --git a/src/components/ui/settings-block/styles.module.scss b/src/components/ui/settings-block/styles.module.scss
@@ -1,7 +1,9 @@
 .block {
-  background: rgba(255, 255, 255, 0.06);
+  background: rgba(255, 255, 255, 0.05);
+  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
   display: flex;
   padding: 10px;
+  padding-left: 15px;
   height: 40px;
   border-radius: 8px;
   align-items: center;
@@ -12,13 +14,20 @@
     margin-bottom: 1px;
   }
 }
+
 .details {
   display: flex;
   flex-direction: column;
   flex: 1;
-  margin-left: 10px;
+  margin-left: 15px;
+  gap: 3px;
 }
-.description {
+
+.label {
   font-size: 14px;
+}
+
+.description {
+  font-size: 12px;
   color: rgba(255, 255, 255, 0.6);
 }