feat(design): botoes .ds-link com 44px de altura minima e cantos retos
- .ds-link centraliza o conteudo e garante min-height 44px (alvo de toque), igual em todas as 25 ocorrencias - remove rounded-sm do CTA do Footer e das abas do HeroSystem para seguir o resto do site (cantos retos) Co-Authored-By: Claude Sonnet 5.5 <[email protected]>
This commit is contained in:
1 parent
d8b59b03f2
commit
e008a7c241
3 files changed
+4
-2
No files matched your search
@@ -63,7 +63,7 @@ export default function Footer() {
|
||||
<MagneticButton
|
||||
as="a"
|
||||
href="/#contact"
|
||||
className="ds-link ds-link-accent mt-sp-6 inline-flex min-h-11 items-center rounded-sm px-sp-4 font-semibold"
|
||||
className="ds-link ds-link-accent mt-sp-6 inline-flex min-h-11 items-center px-sp-4 font-semibold"
|
||||
strength={0.2}
|
||||
>
|
||||
Conversar sobre meu projeto
|
||||
|
||||
@@ -294,7 +294,7 @@ export default function HeroSystem() {
|
||||
if (layer.id === "overview" && sceneActive && visible)
|
||||
queuePose(0, 0);
|
||||
}}
|
||||
className={`min-h-11 rounded-sm px-sp-2 py-sp-2 text-[12px] font-medium transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--slash)] motion-reduce:transition-none sm:text-[13px] ${activeLayer === layer.id ? "bg-[var(--slash)] text-[var(--ink)]" : "bg-white/5 text-white/75 hover:bg-white/10 hover:text-white"}`}
|
||||
className={`min-h-11 px-sp-2 py-sp-2 text-[12px] font-medium transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--slash)] motion-reduce:transition-none sm:text-[13px] ${activeLayer === layer.id ? "bg-[var(--slash)] text-[var(--ink)]" : "bg-white/5 text-white/75 hover:bg-white/10 hover:text-white"}`}
|
||||
>
|
||||
{layer.label}
|
||||
</button>
|
||||
|
||||
@@ -435,6 +435,8 @@ textarea {
|
||||
.ds-link {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-height: 44px; /* alvo de toque minimo e mesma altura em todos os botoes */
|
||||
gap: var(--sp-2);
|
||||
text-decoration: none;
|
||||
font-size: 11px;
|
||||
|
||||
Reference in new issue
Block a user