Icons : Hover State

tattle-made · May 6, 2024 · 6e2b7db · 6e2b7db
1 parent 151af69
commit 6e2b7db
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 12 deletions.
diff --git a/browser-extension/plugin/manifest.json b/browser-extension/plugin/manifest.json
@@ -5,22 +5,34 @@
     "version": "0.1.15",
     "author": "tattlemade|cis",
     "content_security_policy": {
-        "extension_pages": "default-src 'none'; connect-src https://ogbv-plugin.tattle.co.in/ https://uli-media.tattle.co.in/; font-src https://fonts.gstatic.com; object-src 'none'; script-src 'self'; style-src https://fonts.googleapis.com 'self' 'unsafe-inline'; img-src https://uli-media.tattle.co.in/; base-uri 'none'; form-action 'none'; frame-ancestors 'none'; report-uri 'none';"
+        "extension_pages": "default-src 'none'; connect-src http://localhost:3000 ws://localhost; font-src https://fonts.gstatic.com; object-src 'none'; script-src 'self'; style-src https://fonts.googleapis.com 'self' 'unsafe-inline'; img-src https://uli-media.tattle.co.in/; base-uri 'none'; form-action 'none'; frame-ancestors 'none'; report-uri 'none';"
     },
-    "permissions": ["storage", "contextMenus"],
-    "host_permissions": ["https://ogbv-plugin.tattle.co.in/*"],
+    "permissions": [
+        "storage",
+        "contextMenus"
+    ],
+    "host_permissions": [
+        "https://ogbv-plugin.tattle.co.in/*"
+    ],
     "background": {
         "service_worker": "background.js"
     },
     "content_scripts": [
         {
-            "matches": ["<all_urls>"],
-            "js": ["content-script.js"],
+            "matches": [
+                "<all_urls>"
+            ],
+            "js": [
+                "content-script.js"
+            ],
             "run_at": "document_end"
         }
     ],
     "action": {
         "default_popup": "options.html"
     },
-    "icons": { "16": "icon16.png", "48": "icon32.png" }
-}
+    "icons": {
+        "16": "icon16.png",
+        "48": "icon32.png"
+    }
+}
diff --git a/browser-extension/plugin/src/ui-components/atoms/Theme.jsx b/browser-extension/plugin/src/ui-components/atoms/Theme.jsx
@@ -38,7 +38,7 @@ const Theme = {
     },
     button: {
         border: {
-            radius: '0.2em'
+            radius: '0.5em'
         }
     },
     select: {

diff --git a/browser-extension/plugin/src/ui-components/pages/Slur.jsx b/browser-extension/plugin/src/ui-components/pages/Slur.jsx
@@ -55,7 +55,7 @@ export function Slur() {
     }, []);
 
     return (
-        <Box fill gap={'medium'} pad={{bottom: 'medium'}}>
+        <Box fill gap={'medium'} pad={{ bottom: 'medium' }}>
             <Box gap="medium" alignContent="center" wrap>
                 {isLoading ? (
                     <Box alignContent="center">
@@ -143,28 +143,29 @@ export function Slur() {
                                         width="40%"
                                     >
                                         <Box
+                                            // border={{color : 'brand'}}
                                             width={'fit-content'}
                                             round="medium"
-                                            border={{ color: 'brand' }}
                                         >
                                             <Button
                                                 id="slur-edit-button"
                                                 // label="Edit"
+                                                plain={false}
                                                 icon={<Edit size="medium" />}
                                                 onClick={() =>
                                                     navigate(`/slur/${slur.id}`)
                                                 }
                                             />
                                         </Box>
                                         <Box
+                                            // border={{color : 'brand'}}
                                             width={'fit-content'}
                                             round="medium"
-                                            border={{ color: 'brand' }}
-                                            // background={"#FFB199"}
                                         >
                                             <Button
                                                 id="slur-delete-button"
                                                 // label="Delete"
+                                                plain={false}
                                                 icon={
                                                     <Trash
                                                         size="medium"