From aa08f3d1cc700bbfd580e2f2591e93b250a0f4f4 Mon Sep 17 00:00:00 2001
From: filtered <176114999+webfiltered@users.noreply.github.com>
Date: Sun, 12 Jan 2025 00:28:01 +1100
Subject: [PATCH] Convert raw CSS to tailwind apply

---
 src/components/topbar/TopMenubar.vue | 13 +++----------
 1 file changed, 3 insertions(+), 10 deletions(-)

diff --git a/src/components/topbar/TopMenubar.vue b/src/components/topbar/TopMenubar.vue
index 34e220784..77d229228 100644
--- a/src/components/topbar/TopMenubar.vue
+++ b/src/components/topbar/TopMenubar.vue
@@ -129,20 +129,13 @@ if (isElectron()) {
 </style>
 
 <style>
-/* Custom window styling */
+/* Desktop: Custom window styling */
 :root[data-platform='electron'] {
   .comfyui-logo {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-    margin: 0.25rem 0.5rem;
+    @apply flex items-center gap-2 my-1 mx-1.5;
 
     &::before {
-      content: '';
-      width: 1.75rem;
-      height: 1.75rem;
-      background: url('/assets/images/Comfy_Logo_x256.png') no-repeat;
-      background-size: contain;
+      @apply w-7 h-7 bg-[url('/assets/images/Comfy_Logo_x256.png')] bg-no-repeat bg-contain content-[''];
     }
   }