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

feat(visual): visual adjustments #37

Merged
JoaoGustavo-dev merged 4 commits from feature/visual-adjustments into develop 2025-10-04 01:21:57 +00:00
Conversation 0 Commits 4 Files Changed 15 +14 -9
3 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 5daad0b063 - Show all commits

12
susconecta/components/header.tsx
View File

@ -47,18 +47,18 @@ export function Header() {
<SimpleThemeToggle /> <SimpleThemeToggle />
<Button <Button
variant="outline" 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 asChild
> >
<Link href="/login-paciente">Sou Paciente</Link> <Link href="/login-paciente">Sou Paciente</Link>
</Button> </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> <Link href="/login">Sou Profissional de Saúde</Link>
</Button> </Button>
<Link href="/login-admin"> <Link href="/login-admin">
<Button <Button
variant="outline" 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 Sou Administrador de uma Clínica
</Button> </Button>
@ -97,18 +97,18 @@ export function Header() {
<SimpleThemeToggle /> <SimpleThemeToggle />
<Button <Button
variant="outline" 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 asChild
> >
<Link href="/login-paciente">Sou Paciente</Link> <Link href="/login-paciente">Sou Paciente</Link>
</Button> </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> <Link href="/login">Sou Profissional de Saúde</Link>
</Button> </Button>
<Link href="/login-admin"> <Link href="/login-admin">
<Button <Button
variant="outline" 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 Sou Administrador de uma Clínica
</Button> </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"> <div className="flex flex-col sm:flex-row gap-4">
<Button <Button
size="lg" 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 asChild
> >
<Link href="/login-paciente">Portal do Paciente</Link> <Link href="/login-paciente">Portal do Paciente</Link>
@ -35,7 +35,7 @@ export function HeroSection() {
<Button <Button
size="lg" size="lg"
variant="outline" 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 asChild
> >
<Link href="/login">Sou Profissional de Saúde</Link> <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 ( 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" /> <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" /> <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> <span className="sr-only">Alternar tema</span>