modstagram/modstagram-next
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): shop buyer/seller toggle and tabs use h-10 to match apply-filter ratio

Browse Source 
rounded-2xl at h-9 is still close to the pill ceiling; the apply/clear
filter buttons use h-10, so bumping this screen's toggle+tabs to h-10 gives
the same roundness ratio without touching the other 12 call sites of
toggleBtnClass/filterChipClass that weren't flagged.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
payacom
2026-09-16 17:16:24 +03:30
parent e484b85bf5
commit 3e3351a9c3
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/settings/shop/page.tsx
View File

@@ -164,13 +164,13 @@ export default function ShopSettingsPage() {
</div>
<div className="mx-auto mt-4 grid w-full max-w-md grid-cols-2 gap-4">
<RoundedButton
className={cn(toggleBtnClass(filter === FILTER_SELLER), "h-9")}
className={cn(toggleBtnClass(filter === FILTER_SELLER), "h-10")}
onClick={() => setFilter(FILTER_SELLER)}
>
{t("shops.sellerTab")}
</RoundedButton>
<RoundedButton
className={cn(toggleBtnClass(filter === FILTER_BUYER), "h-9")}
className={cn(toggleBtnClass(filter === FILTER_BUYER), "h-10")}
onClick={() => setFilter(FILTER_BUYER)}
>
{t("shops.buyerTab")}
@@ -184,7 +184,7 @@ export default function ShopSettingsPage() {
key={tabId}
type="button"
onClick={() => setSellerTab(tabId)}
className={filterChipClass(sellerTab === tabId, "shrink-0")}
className={filterChipClass(sellerTab === tabId, "h-10 shrink-0")}
>
{t(`shops.sellerTabs.${tabId}`)}
</button>
@@ -199,7 +199,7 @@ export default function ShopSettingsPage() {
key={tabId}
type="button"
onClick={() => setBuyerTab(tabId)}
className={filterChipClass(buyerTab === tabId, "shrink-0")}
className={filterChipClass(buyerTab === tabId, "h-10 shrink-0")}
>
{t(`shops.buyerTabs.${tabId}`)}
</button>