style: refine styles

Rue-pro · Apr 13, 2024 · 0b4c40c · 0b4c40c
1 parent b4d0cda
commit 0b4c40c
Show file tree

Hide file tree

Showing 6 changed files with 25 additions and 7 deletions.
diff --git a/src/popup/app/styles.scss b/src/popup/app/styles.scss
@@ -96,17 +96,28 @@ h2 {
 main {
   width: 320px;
   height: 480px;
+  padding: var(--spacing-5) var(--spacing-2);
+  overflow-y: auto;
+  scrollbar-gutter: stable both-edges;
+}
+
+ul {
+  list-style: none;
+}
+
+.settings-opener {
+  margin-inline: auto 0;
+  margin-bottom: var(--spacing-2);
 }
 
 .form {
-  &__title {
-    margin-bottom: var(--spacing-2);
-  }
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-2);
 
   &__footer {
     display: flex;
     gap: var(--spacing-2);
     justify-content: flex-end;
-    margin-top: var(--spacing-2);
   }
 }
diff --git a/src/popup/entities/note/ui/NoteCard/styles.module.scss b/src/popup/entities/note/ui/NoteCard/styles.module.scss
@@ -3,7 +3,7 @@
   grid-template-columns: 1fr auto;
   gap: var(--spacing-2);
   justify-content: space-between;
-  padding: var(--spacing-4);
+  padding: var(--spacing-1);
   border-bottom: 1px solid var(--color-neutral-200);
 
   &__content {

diff --git a/src/popup/shared/ui/Modal/styles.module.scss b/src/popup/shared/ui/Modal/styles.module.scss
@@ -3,11 +3,12 @@
   max-width: 100%;
   height: 100%;
   max-height: 100%;
-  padding: var(--spacing-5);
+  padding: var(--spacing-5) var(--spacing-2);
   background-color: var(--color-neutral-50);
   border: none;
 
   &__close-btn {
     margin-inline: auto 0;
+    margin-bottom: var(--spacing-2);
   }
 }
diff --git a/src/popup/shared/ui/Tabs/ui/styles.module.scss b/src/popup/shared/ui/Tabs/ui/styles.module.scss
@@ -39,6 +39,7 @@
 
 .tab {
   cursor: pointer;
+  user-select: none;
   background-color: transparent;
   border-inline: none;
   border-top: none;

diff --git a/src/popup/widgets/note/styles.module.scss b/src/popup/widgets/note/styles.module.scss
@@ -0,0 +1,5 @@
+.container {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-2);
+}
diff --git a/src/popup/widgets/settings/ui/Settings.tsx b/src/popup/widgets/settings/ui/Settings.tsx
@@ -19,7 +19,7 @@ export const Settings = () => {
   return (
     <>
       <Button
-        className="settings_opener"
+        className="settings-opener"
         variant="secondary"
         startIcon={<SettingsIcon />}
         aria-label={browser.i18n.getMessage('SETTINGS_OPEN')}