Refactor styles and configuration, update dependencies and add vibran…

…cy effect to main window
rEl1cx · Mar 25, 2023 · 74ee0c5 · 74ee0c5
1 parent e0293d4
commit 74ee0c5
Show file tree

Hide file tree

Showing 10 changed files with 13 additions and 61 deletions.
diff --git a/public/screenshot.png b/public/screenshot.png
diff --git a/src-tauri/src/main.rs b/src-tauri/src/main.rs
@@ -107,7 +107,7 @@ fn main() {
                 &main_window,
                 NSVisualEffectMaterial::Sidebar,
                 None,
-                Some(8f64),
+                Some(16f64),
             )
             .expect("unable to apply vibrancy");
             app.set_activation_policy(ActivationPolicy::Accessory);

diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
@@ -8,7 +8,7 @@
   },
   "package": {
     "productName": "SensiMouse",
-    "version": "0.0.3"
+    "version": "0.0.1"
   },
   "tauri": {
     "allowlist": {

diff --git a/src/app.tsx b/src/app.tsx
@@ -21,7 +21,7 @@ const AppShellScreen = styled('main', {
 const MainContent = styled('div', {
     width: '100%',
     height: '100%',
-    borderRadius: '8px',
+    borderRadius: '16px',
     overflow: 'hidden'
 })
 

diff --git a/src/pages/Main/index.tsx b/src/pages/Main/index.tsx
@@ -48,9 +48,11 @@ const Main = () => {
                     />
                 </Input.Wrapper>
             </SC.Content>
-            <SC.xDivider color="#7f828c" />
+            <SC.xDivider color="#cccccc" />
             <SC.Footer>
-                <Text size={14}>More Settings...</Text>
+                <Text size={14} color="#252525">
+                    More Settings...
+                </Text>
             </SC.Footer>
         </SC.Container>
     )

diff --git a/src/pages/Main/styles.ts b/src/pages/Main/styles.ts
@@ -1,4 +1,4 @@
-import { Divider, Slider, Switch, Text } from '@mantine/core'
+import { Divider, Slider, Switch, Title } from '@mantine/core'
 import type {} from '@mantine/utils'
 
 import { styled } from '@/theme'
@@ -12,12 +12,12 @@ export const Container = styled('div', {
     justifyContent: 'space-between'
 })
 
-export const Header = styled(Text, {
-    color: 'rgb(16, 17, 19)',
+export const Header = styled(Title, {
+    color: 'rgb(18, 18, 18)',
     fontSize: '15px',
     margin: '0',
     padding: '0',
-    fontWeight: 'normal'
+    fontWeight: '500'
 })
 
 export const Content = styled('div', {

diff --git a/src/styles/global.scss b/src/styles/global.scss
@@ -7,8 +7,8 @@ body,
     padding: 0;
     background: transparent !important;
 
-    font-family: 'SF Pro Text', 'SF Pro Icons', BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, 'Meiryo UI', Meiryo,
-        Arial, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' sans-serif;
+    font-family: ui-sans-serif, system-ui, -apple-system, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+        'Noto Color Emoji';
 
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }

diff --git a/src/types/enum.ts b/src/types/enum.ts
diff --git a/src/types/helper.ts b/src/types/helper.ts
diff --git a/src/types/index.ts b/src/types/index.ts