CommunityRule/community-rule
2
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Xlarge home header

Browse Source
This commit is contained in:
adilallo
2025-08-06 23:45:09 -06:00
parent 93c04d0bfe
commit 0272011beb
5 changed files with 41 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/HeaderTab.js
+7 -2
View File
@@ -1,7 +1,7 @@
export default function HeaderTab({ children, className = "", ...props }) {
return (
<div
className={`relative bg-[var(--color-surface-default-brand-primary)] rounded-t-[16px] sm:rounded-t-[24px] md:rounded-t-[24px] lg:rounded-t-[24px] pl-[var(--spacing-measures-spacing-012)] h-[40px] sm:h-[52px] md:h-[52px] lg:h-[52px] sm:pr-[var(--spacing-scale-006)] md:pl-[var(--spacing-scale-024)] lg:pl-[var(--spacing-scale-024)] md:pr-[var(--spacing-scale-012)] lg:pr-[var(--spacing-scale-048)] md:gap-[var(--spacing-scale-032)] ${className}`}
className={`relative bg-[var(--color-surface-default-brand-primary)] rounded-t-[32px] sm:rounded-t-[32px] md:rounded-t-[32px] lg:rounded-t-[32px] xl:rounded-t-[32px] pl-[var(--spacing-measures-spacing-012)] h-[40px] sm:h-[52px] md:h-[52px] lg:h-[52px] xl:h-[64px] sm:pr-[var(--spacing-scale-006)] md:pl-[var(--spacing-scale-024)] lg:pl-[var(--spacing-scale-024)] xl:pl-[var(--spacing-scale-032)] md:pr-[var(--spacing-scale-012)] lg:pr-[var(--spacing-scale-048)] xl:pr-[var(--spacing-scale-120)] md:gap-[var(--spacing-scale-032)] ${className}`}
{...props}
>
{children}
@@ -13,7 +13,12 @@ export default function HeaderTab({ children, className = "", ...props }) {
<img
src="/assets/Union_sm_md_lg.svg"
alt="Union"
className="absolute -bottom-[3px] lg:-bottom-[2.5px] -right-[55px] w-[61px] h-[24px] sm:w-[61px] sm:h-[31.5px] hidden sm:block"
className="absolute -bottom-[3px] lg:-bottom-[2.8px] -right-[55px] w-[61px] h-[24px] sm:w-[61px] sm:h-[31.5px] hidden sm:block xl:hidden"
/>
<img
src="/assets/Union_xlg.svg"
alt="Union"
className="absolute -bottom-[5.3px] -right-[94px] w-[105px] h-[53px] hidden xl:block"
/>
</div>
);