-
-
Notifications
You must be signed in to change notification settings - Fork 805
Open
Labels
bugSomething isn't workingSomething isn't working
Description
Description
Fix mobile spacing issue between hash symbol (#) and tag name in Tag component. The current implementation uses excessive negative margins (-me-3.5 and -me-5) on the IconHash component, causing the hash symbol to appear too close to the tag name on mobile devices, affecting readability.
This PR implements responsive negative margins that apply smaller values on mobile devices while maintaining the original spacing on desktop screens.
Specific code modifications:
// File: src/components/Tag.astro
<IconHash
class:list={[
"inline-block opacity-80",
{ "-me-3.5 size-4": size === "sm" },
{ "-me-5 size-6": size === "lg" },
]}
/>Related pictures:
When not repaired:
After repair:
eerison
Metadata
Metadata
Assignees
Labels
bugSomething isn't workingSomething isn't working


