style(settings): fix some sizes and bugs

ph1p · Nov 7, 2021 · 7120318 · 7120318
1 parent c39bad9
commit 7120318
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 6 deletions.
diff --git a/.yarn/install-state.gz b/.yarn/install-state.gz
diff --git a/packages/plugin/src/components/Resizer.tsx b/packages/plugin/src/components/Resizer.tsx
@@ -86,7 +86,7 @@ const ResizerElement = styled.div`
     left: 2px;
     width: 10px;
     height: 1px;
-    background-color: rgb(205, 205, 205);
-    box-shadow: 0px 3px 0px 0px rgb(205, 205, 205);
+    background-color: ${(p) => p.theme.secondaryFontColor};
+    box-shadow: 0px 3px 0px 0px ${(p) => p.theme.secondaryFontColor};
   }
 `;
diff --git a/packages/plugin/src/views/Settings/components/AvatarColorPicker.tsx b/packages/plugin/src/views/Settings/components/AvatarColorPicker.tsx
@@ -116,8 +116,8 @@ const AvatarColorPickerAction = styled.div<{ color: string }>`
   align-self: center;
   font-size: 39px;
   line-height: 75px;
-  box-shadow: 0 0 0 15px ${(p) => rgba(p.color, 0.1)},
-    0 0 0 35px ${(p) => rgba(p.color, 0.08)};
+  box-shadow: 0 0 0 12px ${(p) => rgba(p.color, 0.2)},
+    0 0 0 30px ${(p) => rgba(p.color, 0.1)};
 `;
 
 const ItemWrapper = styled.div`

diff --git a/packages/plugin/src/views/Settings/index.tsx b/packages/plugin/src/views/Settings/index.tsx
@@ -83,7 +83,7 @@ const SettingsView: FunctionComponent = observer(() => {
                 saveSettings(settings.url !== store.settings.url);
               }}
             >
-              <strong>(reset)</strong>
+              <strong>reset</strong>
             </span>
           </label>
           <input
@@ -335,9 +335,10 @@ const Settings = styled.div`
     font-size: 10px;
     cursor: pointer;
   }
-  a {
+  a, .link {
     color: ${(p) => p.theme.inputColor};
     font-weight: bold;
+    text-decoration: underline;
   }
   label {
     margin: 0 0 5px;