powerlifting.pt/site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Reverted previous actions

Browse source
This commit is contained in:
headpatsyou 2026-01-24 14:02:32 +00:00
parent b241fafce4
commit 621b8d3d1d
3 changed files with 7 additions and 102 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
src/app/globals.css
View file

@ -104,15 +104,12 @@ p { font-size: 1rem; line-height: 1.6; color: var(--foreground); }
border-radius: 999px;
cursor: pointer;
transition: background 150ms ease;
white-space: nowrap;
font-size: 0.9rem;
}
.lang-switcher-btn:hover,
.lang-switcher-btn:focus-visible {
background: rgba(255, 255, 255, 0.15);
.lang-switcher-btn:hover {
background: rgba(255, 255, 255, 0.1);
}
.lang-switcher-btn.current {
background: rgba(255, 255, 255, 0.25);
background: rgba(255, 255, 255, 0.2);
}
/* Markdown content */
@ -296,15 +293,6 @@ p { font-size: 1rem; line-height: 1.6; color: var(--foreground); }
padding-right: 1rem;
}
/* Header container - prevent flex wrapping */
.app-header .container {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
gap: 1rem;
}
/* Hero */
.hero {
padding: 3rem 0;
@ -538,7 +526,7 @@ p { font-size: 1rem; line-height: 1.6; color: var(--foreground); }
.lang-switcher {
display: inline-flex;
gap: 0.25rem;
background: transparent;
background: var(--color-red);
color: #fff;
border-radius: 999px;
padding: 0.25rem;
@ -548,17 +536,9 @@ p { font-size: 1rem; line-height: 1.6; color: var(--foreground); }
color: #fff;
padding: 0.375rem 0.625rem;
border-radius: 999px;
background: transparent;
transition: background 150ms ease;
white-space: nowrap;
font-size: 0.9rem;
}
.lang-switcher a:hover,
.lang-switcher a:focus-visible {
background: rgba(255,255,255,0.15);
}
.lang-switcher a.current {
background: rgba(255,255,255,0.25);
background: rgba(255,255,255,0.2);
}
/* Footer */

64
src/components/layout/ConstructionModal.tsx
View file

@ -1,5 +1,5 @@
"use client";
import { useEffect, useRef, useState } from "react";
import { useEffect, useState } from "react";
type ConstructionModalProps = {
isOpen: boolean;
@ -8,8 +8,6 @@ type ConstructionModalProps = {
export function ConstructionModal({ isOpen, onClose }: ConstructionModalProps) {
const [mounted, setMounted] = useState(false);
const modalRef = useRef<HTMLDivElement>(null);
const previousActiveElement = useRef<HTMLElement | null>(null);
useEffect(() => {
setMounted(true);
@ -18,80 +16,20 @@ export function ConstructionModal({ isOpen, onClose }: ConstructionModalProps) {
useEffect(() => {
if (isOpen) {
document.body.style.overflow = "hidden";
previousActiveElement.current = document.activeElement as HTMLElement;
// Focus the button inside the modal
setTimeout(() => {
const button = modalRef.current?.querySelector("button");
button?.focus();
}, 0);
} else {
document.body.style.overflow = "";
// Restore focus to the element that opened the modal
previousActiveElement.current?.focus();
}
return () => {
document.body.style.overflow = "";
};
}, [isOpen]);
// Focus trap: prevent Tab from leaving the modal
useEffect(() => {
if (!isOpen || !modalRef.current) return;
const handleKeyDown = (e: KeyboardEvent) => {
if (e.key !== "Tab") return;
const focusableElements = modalRef.current?.querySelectorAll(
"button, [href], input, select, textarea, [tabindex]:not([tabindex='-1'])"
);
if (!focusableElements || focusableElements.length === 0) return;
const firstElement = focusableElements[0] as HTMLElement;
const lastElement = focusableElements[focusableElements.length - 1] as HTMLElement;
const activeElement = document.activeElement;
if (e.shiftKey) {
// Shift+Tab on first element -> focus last element
if (activeElement === firstElement) {
e.preventDefault();
lastElement.focus();
}
} else {
// Tab on last element -> focus first element
if (activeElement === lastElement) {
e.preventDefault();
firstElement.focus();
}
}
};
document.addEventListener("keydown", handleKeyDown);
return () => document.removeEventListener("keydown", handleKeyDown);
}, [isOpen]);
// Close on Escape key
useEffect(() => {
if (!isOpen) return;
const handleKeyDown = (e: KeyboardEvent) => {
if (e.key === "Escape") {
e.preventDefault();
onClose();
}
};
document.addEventListener("keydown", handleKeyDown);
return () => document.removeEventListener("keydown", handleKeyDown);
}, [isOpen, onClose]);
if (!mounted || !isOpen) return null;
return (
<>
<div className="modal-overlay" onClick={onClose} aria-hidden="true" />
<div
ref={modalRef}
className="modal-dialog"
role="alertdialog"
aria-modal="true"

15
src/components/layout/ImageCarousel.tsx
View file

@ -10,21 +10,17 @@ const slides = [
export function ImageCarousel() {
const [index, setIndex] = useState(0);
const [isPlaying, setIsPlaying] = useState(true);
useEffect(() => {
if (!isPlaying) return;
const id = setInterval(() => {
setIndex((prev) => (prev + 1) % slides.length);
}, 5000);
return () => clearInterval(id);
}, [isPlaying]);
}, []);
const goTo = (i: number) => setIndex(i % slides.length);
const prev = () => setIndex((prev) => (prev - 1 + slides.length) % slides.length);
const next = () => setIndex((prev) => (prev + 1) % slides.length);
const togglePlayPause = () => setIsPlaying((prev) => !prev);
return (
<section aria-label="Destaques" className="carousel" role="region">
@ -61,15 +57,6 @@ export function ImageCarousel() {
/>
))}
</div>
<button
type="button"
onClick={togglePlayPause}
aria-label={isPlaying ? "Pausar carrossel" : "Reproduzir carrossel"}
className="carousel-btn carousel-play-btn"
title={isPlaying ? "Pausar" : "Reproduzir"}
>
{isPlaying ? "⏸" : "▶"}
</button>
<button type="button" onClick={next} aria-label="Próxima imagem" className="carousel-btn">›</button>
</div>
</section>