Explorar el Código

Widget footer: blue 'Перейти в телеграм' bar instead of fake input

xander hace 1 semana
padre
commit
6f3c5e06c7
Se han modificado 1 ficheros con 5 adiciones y 7 borrados
  1. 5 7
      src/components/TelegramWidget.astro

+ 5 - 7
src/components/TelegramWidget.astro

@@ -60,18 +60,16 @@ const fmt = new Intl.DateTimeFormat("ru-RU", { day: "numeric", month: "long", ho
       <div class="pointer-events-none absolute inset-x-0 bottom-0 h-7 bg-gradient-to-t from-[#dfe6ec] to-transparent"></div>
     </div>
 
-    <!-- Input bar -->
+    <!-- Footer link -->
     <a
       href="https://t.me/scientia_ru"
       target="_blank"
       rel="noopener"
-      class="flex items-center gap-3 border-t border-slate-200/80 bg-white px-4 py-2.5 transition-colors hover:bg-slate-50"
+      class="group flex items-center justify-center gap-2 bg-[#2AABEE] px-4 py-3 text-sm font-semibold text-white transition-colors hover:bg-[#229ED9]"
     >
-      <span class="flex-1 rounded-full bg-slate-100 px-4 py-2 text-sm text-slate-400">
-        Написать сообщение…
-      </span>
-      <svg class="h-6 w-6 shrink-0 text-[#2AABEE]" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
-        <path d="M21.9 4.6c.2-1.2-.9-2.1-2-1.7L2.7 9.6c-1.2.5-1.1 2.2.1 2.6l4.4 1.4 1.7 5.4c.3 1.1 1.7 1.4 2.4.5l2.4-2.9 4.5 3.3c1 .7 2.4.2 2.6-1L21.9 4.6z" />
+      Перейти в телеграм
+      <svg class="h-4 w-4 transition-transform group-hover:translate-x-0.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12l-7.5 7.5M21 12H3" />
       </svg>
     </a>
   </div>