evandro/portifolio-evandrodevbr
1
0 Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

feat(design): botoes .ds-link com 44px de altura minima e cantos retos

Browse Source 
- .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:
Evandro Fonseca JuniorandClaude Sonnet 5.5 committed 2026-10-04 23:28:17 -03:00
1 parent d8b59b03f2
commit e008a7c241
3 files changed
+4 -2
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

app/components/Footer.tsx
+1 -1
View File
@@ -63,7 +63,7 @@ export default function Footer() {
<MagneticButton <MagneticButton
as="a" as="a"
href="/#contact" 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} strength={0.2}
> >
Conversar sobre meu projeto Conversar sobre meu projeto
app/components/cinematic/HeroSystem.tsx
+1 -1
View File
@@ -294,7 +294,7 @@ export default function HeroSystem() {
if (layer.id === "overview" && sceneActive && visible) if (layer.id === "overview" && sceneActive && visible)
queuePose(0, 0); 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} {layer.label}
</button> </button>
app/globals.css
+2
View File
@@ -435,6 +435,8 @@ textarea {
.ds-link { .ds-link {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center;
min-height: 44px; /* alvo de toque minimo e mesma altura em todos os botoes */
gap: var(--sp-2); gap: var(--sp-2);
text-decoration: none; text-decoration: none;
font-size: 11px; font-size: 11px;