From 82ff9232561a79185be3e393ce544e62e63344e5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=98=D0=B3=D0=BE=D1=80=D1=8C=20=D0=91=D0=B0=D0=BD=D0=B4?=
 =?UTF-8?q?=D1=83=D1=80=D0=B8=D1=81=D1=82?= <morpex1698@mail.ru>
Date: Sat, 2 May 2026 11:39:01 +1000
Subject: [PATCH] collore

---
 src/components/News_section/One_kard.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/News_section/One_kard.vue b/src/components/News_section/One_kard.vue
index 41a49c3..f031bcd 100644
--- a/src/components/News_section/One_kard.vue
+++ b/src/components/News_section/One_kard.vue
@@ -303,7 +303,7 @@ onBeforeUnmount(() => {
 
         <a
           :href="url"
-          class="max-w-50 sm:max-w-180 text-blue-600 dark:text-gray-400 hover:text-blue-800 active:text-blue-800 underline flex"
+          class="max-w-60 xl:max-w-100 text-blue-600 dark:text-gray-400 hover:text-blue-800 active:text-blue-800 underline flex"
           style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis"
         >
           <img src="/src/assets/href.webp" class="w-5 h-6 mr-2" />
@@ -377,7 +377,7 @@ onBeforeUnmount(() => {
           class="w-10 h-10 rounded-lg font-bold text-sm hover:opacity-75 active:opacity-75 transition-colors cursor-pointer"
           :class="
             localTematik
-              ? 'bg-green-500 text-white'
+              ? 'bg-gradient-to-r from-red-700 to-red-400  text-white'
               : 'bg-gray-300 dark:bg-gray-700 text-gray-700 dark:text-gray-300'
           "
         >
@@ -389,7 +389,7 @@ onBeforeUnmount(() => {
           class="w-10 h-10 rounded-lg font-bold text-sm hover:opacity-75 active:opacity-75 transition-colors cursor-pointer"
           :class="
             localSvodka
-              ? 'bg-blue-500 text-white'
+              ? 'bg-gradient-to-r from-blue-900 to-blue-500 text-white'
               : 'bg-gray-300 dark:bg-gray-700 text-gray-700 dark:text-gray-300'
           "
         >
@@ -401,7 +401,7 @@ onBeforeUnmount(() => {
           class="w-10 h-10 rounded-lg font-bold text-sm hover:opacity-75 active:opacity-75 transition-colors cursor-pointer"
           :class="
             localDonesenie
-              ? 'bg-yellow-500 text-white'
+              ? 'bg-gradient-to-r from-green-700 to-green-400  text-white'
               : 'bg-gray-300 dark:bg-gray-700 text-gray-700 dark:text-gray-300'
           "
         >
@@ -413,7 +413,7 @@ onBeforeUnmount(() => {
           class="w-10 h-10 rounded-lg font-bold text-sm hover:opacity-75 active:opacity-75 transition-colors cursor-pointer"
           :class="
             localBilutene
-              ? 'bg-purple-500 text-white'
+              ? 'bg-gradient-to-r from-olive-700 to-olive-500 text-white'
               : 'bg-gray-300 dark:bg-gray-700 text-gray-700 dark:text-gray-300'
           "
         >
@@ -421,7 +421,7 @@ onBeforeUnmount(() => {
         </button>
       </div>
       <button
-        class="hover:opacity-75 active:opacity-75 mr-10 rounded-xl cursor-pointer"
+        class="hover:opacity-75 active:opacity-75 mx-5 rounded-xl cursor-pointer"
         @click="download"
       >
         <img src="/src/assets/word.png" class="h-10 mb-2" />