From 5e1ff59880f6b2cfe3536f16c5241d13eeffe34d Mon Sep 17 00:00:00 2001
From: Marco Crapts <mcrapts@gmail.com>
Date: Sat, 3 Jun 2023 23:04:57 +0200
Subject: [PATCH] small ui fixes

---
 package-lock.json                  | 14 +++++++-------
 package.json                       |  2 +-
 src/components/TopBar.vue          | 15 +++++++++------
 src/components/TopBar/Settings.vue |  8 ++++++++
 4 files changed, 25 insertions(+), 14 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 0d24140..79fda0d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -33,7 +33,7 @@
         "@vueuse/core": "^10.1.2",
         "crypto-js": "^4.1.1",
         "cytoscape": "^3.25.0",
-        "daisyui": "^3.0.0",
+        "daisyui": "^3.0.2",
         "date-fns": "^2.29.3",
         "dompurify": "^3.0.2",
         "file-saver": "^2.0.5",
@@ -4812,9 +4812,9 @@
       }
     },
     "node_modules/daisyui": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/daisyui/-/daisyui-3.0.0.tgz",
-      "integrity": "sha512-EuNK9JQd5yrPLDynAPQkG/29vjZXFWhBK4HXvM83d9oJU0EmF35UNLLs0cslBFfLK4b+bOuhgoYPJ4BjytOxNQ==",
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/daisyui/-/daisyui-3.0.2.tgz",
+      "integrity": "sha512-0X+0PkgTIWevt5m4AZCCgvqI5pKRormTEhdfmc31dwfLNq6uY4wENCXAtcXzZMKt7JBKcVTWlj/uDrOjj6XpUQ==",
       "dependencies": {
         "colord": "^2.9",
         "css-selector-tokenizer": "^0.8",
@@ -16776,9 +16776,9 @@
       }
     },
     "daisyui": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/daisyui/-/daisyui-3.0.0.tgz",
-      "integrity": "sha512-EuNK9JQd5yrPLDynAPQkG/29vjZXFWhBK4HXvM83d9oJU0EmF35UNLLs0cslBFfLK4b+bOuhgoYPJ4BjytOxNQ==",
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/daisyui/-/daisyui-3.0.2.tgz",
+      "integrity": "sha512-0X+0PkgTIWevt5m4AZCCgvqI5pKRormTEhdfmc31dwfLNq6uY4wENCXAtcXzZMKt7JBKcVTWlj/uDrOjj6XpUQ==",
       "requires": {
         "colord": "^2.9",
         "css-selector-tokenizer": "^0.8",
diff --git a/package.json b/package.json
index 5c5648f..a9b3276 100644
--- a/package.json
+++ b/package.json
@@ -40,7 +40,7 @@
     "@vueuse/core": "^10.1.2",
     "crypto-js": "^4.1.1",
     "cytoscape": "^3.25.0",
-    "daisyui": "^3.0.0",
+    "daisyui": "^3.0.2",
     "date-fns": "^2.29.3",
     "dompurify": "^3.0.2",
     "file-saver": "^2.0.5",
diff --git a/src/components/TopBar.vue b/src/components/TopBar.vue
index 15d8772..8842dfd 100644
--- a/src/components/TopBar.vue
+++ b/src/components/TopBar.vue
@@ -86,19 +86,22 @@ const handleSignIn = async (close: () => Promise<boolean>) => {
     </div>
   </div>
 </template>
-<style lang="scss">
+<style lang="scss" scoped>
 #logo {
   @apply cursor-pointer transition-all duration-200 hover:text-primary;
 }
-@media (hover: hover) and (pointer: fine) {
-  #logo:hover {
-    text-shadow: 0 0 5px white, 0 0 10px white, 0 0 15px white;
-  }
-}
+// @media (hover: hover) and (pointer: fine) {
+//   #logo:hover {
+//     text-shadow: 0 0 5px white, 0 0 10px white, 0 0 15px white;
+//   }
+// }
 #logo:active {
   text-shadow: 0 0 5px white, 0 0 10px white, 0 0 15px white;
 }
 .topbar-button {
+  &:active {
+    @apply border-white bg-white text-primary
+  }
   @apply hover:border-white hover:bg-white hover:text-primary focus-visible:outline-white;
 }
 
diff --git a/src/components/TopBar/Settings.vue b/src/components/TopBar/Settings.vue
index eb45a03..0f3bdef 100644
--- a/src/components/TopBar/Settings.vue
+++ b/src/components/TopBar/Settings.vue
@@ -17,3 +17,11 @@ import { OnClickOutside } from '@vueuse/components'
     </UIDropdown>
   </OnClickOutside>
 </template>
+<style scoped lang="scss">
+.topbar-button {
+  &:focus-within {
+    @apply border-white bg-white text-primary;
+  }
+  @apply hover:border-white hover:bg-white hover:text-primary focus-visible:outline-white;
+}
+</style>