add support icon for garoosi

index.html

@@ -1,22 +1,23 @@
 <!DOCTYPE html>
 <html lang="fa" dir="rtl">
-<head>
+    <head>
-    <meta charset="UTF-8">
+        <meta charset="UTF-8">
-    <!--  <link rel="icon" href="/favicon.png">-->
+        <!--  <link rel="icon" href="/favicon.png">-->
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
+        <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
-    <meta http-equiv="Pragma" content="no-cache">
+        <meta http-equiv="Pragma" content="no-cache">
-    <meta http-equiv="Expires" content="0">
+        <meta http-equiv="Expires" content="0">
-    <meta name="theme-color" content="#ffffff">
+        <meta name="theme-color" content="#ffffff">
-    <link rel="manifest" href="https://nerkh.gold/get_user/monifist.json"/>
+        <link rel="manifest" href="https://nerkh.gold/get_user/monifist.json"/>
 
-    <title></title>
+        <title></title>
-</head>
+
+    </head>
 <body>
+
 <div id="app"></div>
 <!--<script type="module" src="/src/main.ts"></script>-->
 <script type="module" src="/src/config-loader.js"></script>
-
 <!--<script type="text/javascript">
   ['keydown', 'touchmove', 'touchstart', 'mouseover'].forEach(function(v) {
     window.addEventListener(v, function() {

src/App.vue

@@ -56,10 +56,7 @@
           </div>
         </div>
       </transition>
-
     </AConfigProvider>
-
-
     <van-dialog
         v-model:show="versionDialog"
         class="updateButton"
@@ -77,6 +74,9 @@
         <div class="home_appear_fade_in_up mt-2">نسخه جدید منتشر شد!</div>
       </div>
     </van-dialog>
+    <a v-if="config.config?.name === 'garoosi'" href="https://ble.ir/garoosi_gallery" target="_blank" id="support-button">
+      <img class="p-2" src="/src/assets/img/support-icon.png" alt="" />
+    </a>
   </div>
 </template>
 
@@ -153,6 +153,27 @@ function update() {
   font-size: 15px;
 }
 
+#support-button {
+  position: fixed;
+  bottom: 90px;
+  right: 20px;
+  width: 60px;
+  height: 60px;
+  border-radius: 50%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
+  cursor: pointer;
+  transition: transform 0.2s ease, box-shadow 0.2s ease;
+  z-index: 9999;
+}
+
+#support-button:hover {
+  transform: scale(1.1);
+  box-shadow: 0 6px 14px rgba(0,0,0,0.3);
+}
+
 @media screen and (min-width: 426px) {
   .desktopConfig {
     width: 426px;