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

add: logo-in-patient-and-doctor-page

Browse Source
This commit is contained in:
João Gustavo 2025-11-27 18:10:48 -03:00
parent cfb22ebb76
commit 386202bce0
2 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
susconecta/app/paciente/page.tsx
View File

@ -1927,6 +1927,18 @@ export default function PacientePage() {
{/* Header com informações do paciente */} {/* Header com informações do paciente */}
<header className="sticky top-0 z-40 bg-card shadow-md rounded-lg border border-border p-3 sm:p-4 md:p-4 mb-4 sm:mb-6 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 sm:gap-4"> <header className="sticky top-0 z-40 bg-card shadow-md rounded-lg border border-border p-3 sm:p-4 md:p-4 mb-4 sm:mb-6 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 sm:gap-4">
<div className="flex items-center gap-2 sm:gap-4"> <div className="flex items-center gap-2 sm:gap-4">
{/* Logo MEDIConnect */}
<div className="flex items-center gap-2 mr-2 sm:mr-4">
<div className="w-8 h-8 sm:w-10 sm:h-10 bg-primary rounded-lg flex items-center justify-center shrink-0">
<Stethoscope className="w-4 h-4 sm:w-5 sm:h-5 text-primary-foreground" />
</div>
<span className="text-base sm:text-lg font-semibold text-foreground hidden sm:inline">
MEDIConnect
</span>
</div>
<div className="h-8 w-px bg-border hidden sm:block"></div>
<Avatar className="h-10 w-10 sm:h-12 sm:w-12 md:h-12 md:w-12"> <Avatar className="h-10 w-10 sm:h-12 sm:w-12 md:h-12 md:w-12">
<AvatarImage src={profileData.foto_url} alt={profileData.nome || 'Avatar'} /> <AvatarImage src={profileData.foto_url} alt={profileData.nome || 'Avatar'} />
<AvatarFallback className="bg-primary text-white font-bold text-sm sm:text-base">{profileData.nome?.charAt(0) || 'P'}</AvatarFallback> <AvatarFallback className="bg-primary text-white font-bold text-sm sm:text-base">{profileData.nome?.charAt(0) || 'P'}</AvatarFallback>

12
susconecta/app/profissional/page.tsx
View File

@ -3042,6 +3042,18 @@ const ProfissionalPage = () => {
<div className="flex items-center justify-between gap-4 flex-wrap md:flex-nowrap"> <div className="flex items-center justify-between gap-4 flex-wrap md:flex-nowrap">
{/* Logo/Avatar Section */} {/* Logo/Avatar Section */}
<div className="flex items-center gap-3 min-w-0 flex-1 md:flex-none"> <div className="flex items-center gap-3 min-w-0 flex-1 md:flex-none">
{/* Logo MEDIConnect */}
<div className="flex items-center gap-2 mr-2 md:mr-4">
<div className="w-8 h-8 md:w-10 md:h-10 bg-primary rounded-lg flex items-center justify-center shrink-0">
<Stethoscope className="w-4 h-4 md:w-5 md:h-5 text-primary-foreground" />
</div>
<span className="text-base md:text-lg font-semibold text-foreground hidden sm:inline">
MEDIConnect
</span>
</div>
<div className="h-8 w-px bg-border hidden sm:block"></div>
<Avatar className="h-10 w-10 md:h-12 md:w-12 flex-shrink-0"> <Avatar className="h-10 w-10 md:h-12 md:w-12 flex-shrink-0">
<AvatarImage src={(profileData as any).fotoUrl || undefined} alt={profileData.nome} /> <AvatarImage src={(profileData as any).fotoUrl || undefined} alt={profileData.nome} />
<AvatarFallback className="bg-muted text-xs md:text-sm"> <AvatarFallback className="bg-muted text-xs md:text-sm">