fix: Make fractions in the ingredient list look a tiny bit nicer (#3725)

2025-10-27 08:14:30 -04:00 · 2024-06-13 15:04:45 +02:00
parent 4a0a8e8a5e
commit 9f7d74aecf
3 changed files with 19 additions and 3 deletions
--- a/frontend/components/Domain/Recipe/RecipeIngredientListItem.vue
+++ b/frontend/components/Domain/Recipe/RecipeIngredientListItem.vue
@@ -45,6 +45,22 @@ export default defineComponent({
  .d-inline {
    & > p {
      display: inline;
+      &:has(>sub)>sup {
+        letter-spacing: -0.05rem;
+      }
+    }
+    &:has(sub) {
+      &:after {
+        letter-spacing: -0.2rem;
+      }
+    }
+    sup {
+      &+span{
+        letter-spacing: -0.05rem;
+      }
+      &:before {
+        letter-spacing: 0rem;
+      }
    }
  }