handle lists of long names on scoresheet links

RopeScore · Jul 21, 2023 · 0a87853 · 0a87853
1 parent c26d692
commit 0a87853
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/ScoresheetLink.vue b/src/components/ScoresheetLink.vue
@@ -1,7 +1,7 @@
 <template>
   <router-link
     v-if="scoresheet"
-    class="grid grid-cols-[3rem,auto] grid-rows-4 rounded text-white p-2"
+    class="grid grid-cols-[3rem,auto] grid-rows-[max-content,max-content,max-content,max-content] rounded text-white p-2"
     :class="{
       'bg-green-500': color === 'green',
       'hover:bg-green-600': color === 'green',

diff --git a/src/components/ServoEntryLink.vue b/src/components/ServoEntryLink.vue
@@ -8,7 +8,7 @@
     }"
   >
     <a
-      class="w-full relative grid grid-cols-[3rem,auto,3rem] grid-rows-4 p-2"
+      class="w-full relative grid grid-cols-[3rem,auto,3rem] grid-rows-[max-content,max-content,max-content,max-content] p-2"
       :class="{
         'hover:bg-green-600': color === 'green',
         'hover:bg-indigo-600': color === 'indigo',