yjd

src/components/Istochnik.vue

@@ -73,12 +73,8 @@
     </div>
 
     <!-- Список источников -->
-    <div class="p-4 xl:flex gap-2 justify-between">
+    <div class="p-4 grid gap-2 grid-cols-1 lg:grid-cols-2 2xl:grid-cols-3">
-      <div 
+      <div v-for="source in filteredSources" :key="source.url" class="mb-4">
-        v-for="source in filteredSources" 
-        :key="source.url"
-        class="mb-4"
-      >
         <Istochnik_one_kard :source="source" />
       </div>
     </div>
@@ -110,9 +106,7 @@ const fetchCategories = async () => {
 
 const fetchSources = async () => {
   try {
-    const data = await axios.get(
+    const data = await axios.get("https://allowlgroup.ru/api/8001/all_sources");
-      "https://allowlgroup.ru/api/8001/all_sources",
-    );
     sources.value = data.data.sources || [];
   } catch (err) {
     console.error("Ошибка загрузки источников:", err);
@@ -121,9 +115,10 @@ const fetchSources = async () => {
 
 const filteredSources = computed(() => {
   if (!poisk.value) return sources.value;
-  return sources.value.filter(source => 
+  return sources.value.filter(
-    source.url.toLowerCase().includes(poisk.value.toLowerCase()) ||
+    (source) =>
-    source.promt.toLowerCase().includes(poisk.value.toLowerCase())
+      source.url.toLowerCase().includes(poisk.value.toLowerCase()) ||
+      source.promt.toLowerCase().includes(poisk.value.toLowerCase()),
   );
 });
 

src/components/One_kard.vue

@@ -183,6 +183,9 @@ onBeforeUnmount(() => {
       <div class="m-3 dark:bg-gray-900 shadow rounded-xl p-3">
         <p>{{ title }}</p>
       </div>
+      <div class="m-3 bg-gray-300 dark:bg-gray-950 shadow rounded-xl p-3 max-w-170">
+          <p>Категория: {{ category }}</p>
+        </div>
 
       <div v-show="isOpen" class="transition-all">
         <div class="m-3 dark:bg-gray-900 shadow rounded-xl p-3">
@@ -191,9 +194,7 @@ onBeforeUnmount(() => {
         <div class="m-3 dark:bg-gray-900 shadow rounded-xl p-3">
           <p>{{ translation_text }}</p>
         </div>
-        <div class="m-3 dark:bg-gray-900 shadow rounded-xl p-3">
+        
-          <p>{{ category }}</p>
-        </div>
         <div class="m-3 dark:bg-gray-900 shadow rounded-xl p-3">
           <p>{{ original_text }}</p>
         </div>