RiseUP/riseup-squad20
1
0
Fork 3
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request 'fixing-dark-mode-errors' (#36) from feature/fix-erros into develop

Browse Source 
Reviewed-on: #36
This commit is contained in:
JoaoGustavo-dev 2025-10-03 22:26:03 +00:00
commit c26bb01bf3
3 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
susconecta/components/header.tsx
View File

@ -47,18 +47,18 @@ export function Header() {
<SimpleThemeToggle />
<Button
variant="outline"
className="text-primary border-primary hover:bg-primary hover:text-primary-foreground bg-transparent"
className="text-primary border-primary bg-transparent shadow-sm shadow-blue-500/10 border border-blue-200 hover:bg-blue-50 dark:shadow-none dark:border-primary dark:hover:bg-primary dark:hover:text-primary-foreground"
asChild
>
<Link href="/login-paciente">Sou Paciente</Link>
</Button>
<Button className="bg-primary hover:bg-primary/90 text-primary-foreground">
<Button className="bg-primary hover:bg-primary/90 text-primary-foreground shadow-sm shadow-blue-500/10 border border-blue-200 dark:shadow-none dark:border-transparent">
<Link href="/login">Sou Profissional de Saúde</Link>
</Button>
<Link href="/login-admin">
<Button
variant="outline"
className="text-slate-700 border-slate-600 hover:bg-slate-700 hover:text-white bg-transparent"
className="text-foreground border-slate-600 bg-transparent shadow-sm shadow-gray-500/10 border border-gray-300 hover:bg-gray-50 dark:shadow-none dark:border-slate-600 dark:hover:bg-slate-700 dark:hover:text-white cursor-pointer"
>
Sou Administrador de uma Clínica
</Button>
@ -97,18 +97,18 @@ export function Header() {
<SimpleThemeToggle />
<Button
variant="outline"
className="text-primary border-primary hover:bg-primary hover:text-primary-foreground bg-transparent"
className="text-primary border-primary bg-transparent shadow-sm shadow-blue-500/10 border border-blue-200 hover:bg-blue-50 dark:shadow-none dark:border-primary dark:hover:bg-primary dark:hover:text-primary-foreground"
asChild
>
<Link href="/login-paciente">Sou Paciente</Link>
</Button>
<Button className="bg-primary hover:bg-primary/90 text-primary-foreground w-full">
<Button className="bg-primary hover:bg-primary/90 text-primary-foreground w-full shadow-sm shadow-blue-500/10 border border-blue-200 dark:shadow-none dark:border-transparent">
<Link href="/login">Sou Profissional de Saúde</Link>
</Button>
<Link href="/login-admin">
<Button
variant="outline"
className="text-slate-700 border-slate-600 hover:bg-slate-700 hover:text-white bg-transparent w-full"
className="text-foreground border-slate-600 bg-transparent w-full shadow-sm shadow-gray-500/10 border border-gray-300 hover:bg-gray-50 dark:shadow-none dark:border-slate-600 dark:hover:bg-slate-700 dark:hover:text-white cursor-pointer"
>
Sou Administrador de uma Clínica
</Button>

4
susconecta/components/hero-section.tsx
View File

@ -27,7 +27,7 @@ export function HeroSection() {
<div className="flex flex-col sm:flex-row gap-4">
<Button
size="lg"
className="bg-primary hover:bg-primary/90 text-primary-foreground cursor-pointer"
className="bg-primary hover:bg-primary/90 text-primary-foreground cursor-pointer shadow-sm shadow-blue-500/10 border border-blue-200 dark:shadow-none dark:border-transparent"
asChild
>
<Link href="/login-paciente">Portal do Paciente</Link>
@ -35,7 +35,7 @@ export function HeroSection() {
<Button
size="lg"
variant="outline"
className="text-primary border-primary hover:bg-primary hover:text-primary-foreground bg-transparent cursor-pointer"
className="text-primary border-primary bg-transparent cursor-pointer shadow-sm shadow-blue-500/10 border border-blue-200 hover:bg-blue-50 dark:shadow-none dark:border-primary dark:hover:bg-primary dark:hover:text-primary-foreground"
asChild
>
<Link href="/login">Sou Profissional de Saúde</Link>

7
susconecta/components/simple-theme-toggle.tsx
View File

@ -13,7 +13,12 @@ export function SimpleThemeToggle() {
}
return (
<Button variant="outline" size="icon" onClick={toggleTheme}>
<Button
variant="outline"
size="icon"
onClick={toggleTheme}
className="hover:text-muted-foreground cursor-pointer !shadow-sm !shadow-black/10 !border-2 !border-black dark:!shadow-none dark:!border-border"
>
<Sun className="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
<Moon className="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
<span className="sr-only">Alternar tema</span>