style: clean up and standardize component styles
Replace all instances of the non-standard `font-800` font weight class with Tailwind's native `font-bold` across multiple components for consistent styling. Convert numeric spacing shorthand values (e.g. `mt-4`, `p-16`, `gap-16`) to explicit pixel-based Tailwind classes like `mt-[4px]` for clearer, more consistent spacing. Refactor the RecommendationListCard component to remove its external SCSS stylesheet, replacing all old class definitions with inline Tailwind utility classes and removing the unused style import statement.
This commit is contained in:
@@ -40,7 +40,7 @@
|
||||
</div>
|
||||
<div class="notice-card__divider"></div>
|
||||
<div v-for="paragraph in paragraphs" :key="paragraph.id"
|
||||
class="notice-card__paragraph color-475569 text-[14px] font-800">
|
||||
class="notice-card__paragraph color-475569 text-[14px] font-bold">
|
||||
<span v-for="segment in paragraph.segments" :key="segment.text"
|
||||
:class="{ 'notice-card__strong': segment.strong }">
|
||||
{{ segment.text }}
|
||||
|
||||
Reference in New Issue
Block a user