fix: text-inherit not working

Xyphyn · Jul 25, 2024 · c2094fa · c2094fa
1 parent 002187a
commit c2094fa
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 15 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/src/lib/components/lemmy/post/PostVote.svelte b/src/lib/components/lemmy/post/PostVote.svelte
@@ -15,18 +15,7 @@
 <script lang="ts">
   import FormattedNumber from '$lib/components/util/FormattedNumber.svelte'
   import type { Post } from 'lemmy-js-client'
-  import {
-    ArrowDown,
-    ArrowDownCircle,
-    ArrowUp,
-    ArrowUpCircle,
-    ChevronDown,
-    ChevronUp,
-    HandThumbDown,
-    HandThumbUp,
-    Icon,
-    Key,
-  } from 'svelte-hero-icons'
+  import { ChevronDown, ChevronUp, Icon } from 'svelte-hero-icons'
   import { profile } from '$lib/auth.js'
   import { vote as voteItem } from '$lib/lemmy/contentview.js'
   import { Button, Popover, buttonColor, toast } from 'mono-svelte'
@@ -63,12 +52,12 @@
   <div
     class="{buttonColor.ghost} rounded-full h-full font-medium flex items-center *:p-2
     hover:bg-white hover:dark:bg-zinc-900 overflow-hidden transition-colors flex-shrink-0
-    {vote != 0 ? '' : '!text-inherit'}
+    {vote != 0 ? '' : '!text-inherit'} !text-inherit
     {loading ? 'animate-pulse opacity-75 pointer-events-none' : ''}"
   >
     <button
       on:click={() => castVote(vote == 1 ? 0 : 1)}
-      class="flex items-center gap-1 {buttonColor.ghost} transition-colors border-0
+      class="flex items-center gap-0.5 {buttonColor.ghost} transition-colors border-0
       {vote == 1 ? shouldShowVoteColor(vote, 'upvotes') : '!text-inherit'}"
     >
       <Icon src={ChevronUp} size="20" micro />
@@ -90,7 +79,7 @@
       ></div>
       <button
         on:click={() => castVote(vote == -1 ? 0 : -1)}
-        class="flex items-center flex-row-reverse gap-1 {buttonColor.ghost} transition-colors border-0
+        class="flex items-center flex-row-reverse gap-0.5 {buttonColor.ghost} transition-colors border-0
       {vote == -1 ? shouldShowVoteColor(vote, 'downvotes') : '!text-inherit'}"
       >
         <Icon src={ChevronDown} size="20" micro />