Improve line-height for feature tab

laravelsu · Feb 3, 2025 · 6eb2dd7 · 6eb2dd7
1 parent 16672cd
commit 6eb2dd7
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/resources/views/pages/feature.blade.php b/resources/views/pages/feature.blade.php
@@ -34,28 +34,28 @@ class="d-none d-md-inline-flex link-body-emphasis text-decoration-none icon-link
                     <li class="col d-flex flex-column flex-lg-row gap-3 gap-lg-4 rounded p-3 p-xxl-4 align-items-center align-items-lg-start" id="first" data-tabs-target="tab" data-action="click->tabs#change:prevent">
                         <x-icon path="i.inertia" class="text-body-secondary flex-shrink-0" width="2rem" height="2rem"/>
                         <a href="#"
-                           class="text-body-secondary text-decoration-none"
+                           class="text-body-secondary text-decoration-none flex-column gap-1"
                            data-action="keydown.left->tabs#previousTab keydown.right->tabs#nextTab keydown.home->tabs#firstTab:prevent keydown.end->tabs#lastTab:prevent">
                             <h5 class="mb-0">Inertia</h5>
-                            <small class="opacity-75 d-none d-lg-block">Усовершенствуйте Laravel с помощью React, Vue или Svelte</small>
+                            <small class="opacity-75 d-none d-lg-block lh-sm">Усовершенствуйте Laravel с помощью React, Vue или Svelte</small>
                         </a>
                     </li>
                     <li class="col d-flex flex-column flex-lg-row gap-3 gap-lg-4 rounded p-3 p-xxl-4 align-items-center align-items-lg-start" id="second" data-tabs-target="tab" data-action="click->tabs#change:prevent">
                         <x-icon path="i.livewire" class="text-body-secondary flex-shrink-0" width="2rem" height="2rem"/>
                         <a href="#"
-                           class="text-body-secondary text-decoration-none"
+                           class="text-body-secondary text-decoration-none flex-column gap-1"
                            data-action="keydown.left->tabs#previousTab keydown.right->tabs#nextTab keydown.home->tabs#firstTab:prevent keydown.end->tabs#lastTab:prevent">
                             <h5 class="mb-0">Livewire</h5>
-                            <small class="opacity-75 d-none d-lg-block">Реактивные шаблоны, построенные с помощью PHP</small>
+                            <small class="opacity-75 d-none d-lg-block lh-sm">Реактивные шаблоны, построенные с помощью PHP</small>
                         </a>
                     </li>
                     <li class="col d-flex flex-column flex-lg-row gap-3 gap-lg-4 rounded p-3 p-xxl-4 align-items-center align-items-lg-start" id="third" data-tabs-target="tab" data-action="click->tabs#change:prevent">
                         <x-icon path="i.spa" class="text-body-secondary flex-shrink-0" width="2rem" height="2rem"/>
                         <a href="#"
-                           class="text-body-secondary text-decoration-none"
+                           class="text-body-secondary text-decoration-none flex-column gap-1"
                            data-action="keydown.left->tabs#previousTab keydown.right->tabs#nextTab keydown.home->tabs#firstTab:prevent keydown.end->tabs#lastTab:prevent">
                             <h5 class="mb-0">API</h5>
-                            <small class="opacity-75 d-none d-lg-block">Создавайте мощные API быстрее, чем когда-либо</small>
+                            <small class="opacity-75 d-none d-lg-block lh-sm">Создавайте мощные API быстрее, чем когда-либо</small>
                         </a>
                     </li>
                 </div>