230417/smartagenda_pap
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

foto quadrada

Browse Source
This commit is contained in:
230417
2026-03-12 17:38:10 +00:00
parent 57764a8e7e
commit 50a265c29d
3 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/BarberList.tsx
View File

@@ -7,7 +7,7 @@ export const BarberList = ({ barbers }: { barbers: Barber[] }) => (
{barbers.map((b) => (
<Card key={b.id} hover className="p-5 flex flex-col items-center text-center gap-4 group">
<div className="relative">
<div className="w-24 h-24 rounded-full overflow-hidden border-4 border-slate-50 bg-slate-100 flex items-center justify-center shadow-sm group-hover:border-amber-100 transition-colors">
<div className="w-full aspect-square rounded-2xl overflow-hidden border-4 border-slate-50 bg-slate-100 flex items-center justify-center shadow-sm group-hover:border-amber-100 transition-colors">
{b.imageUrl ? (
<img src={b.imageUrl} alt={b.name} className="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" />
) : (

2
web/src/pages/Booking.tsx
View File

@@ -251,7 +251,7 @@ export default function Booking() {
: 'border-slate-100 hover:border-amber-300 hover:bg-amber-50/30'
}`}
>
<div className="w-16 h-16 rounded-full overflow-hidden border-2 border-slate-200 bg-slate-50">
<div className="w-full aspect-square rounded-2xl overflow-hidden border-2 border-slate-200 bg-slate-50">
{b.imageUrl ? (
<img src={b.imageUrl} alt={b.name} className="w-full h-full object-cover" />
) : (

4
web/src/pages/Dashboard.tsx
View File

@@ -908,7 +908,7 @@ function DashboardInner({ shop }: { shop: BarberShop }) {
<div className="flex items-center justify-between mb-4">
<div className="flex items-center gap-4">
<div className="relative group/avatar">
<div className="w-16 h-16 rounded-full overflow-hidden border-2 border-slate-100 bg-slate-50 flex items-center justify-center">
<div className="w-16 h-16 rounded-2xl overflow-hidden border-2 border-slate-100 bg-slate-50 flex items-center justify-center">
{b.imageUrl ? (
<img src={b.imageUrl} alt={b.name} className="w-full h-full object-cover" />
) : (
@@ -924,7 +924,7 @@ function DashboardInner({ shop }: { shop: BarberShop }) {
/>
<label
htmlFor={`barber-img-${b.id}`}
className="absolute inset-0 bg-black/40 text-white flex items-center justify-center rounded-full opacity-0 group-hover/avatar:opacity-100 cursor-pointer transition-opacity"
className="absolute inset-0 bg-black/40 text-white flex items-center justify-center rounded-2xl opacity-0 group-hover/avatar:opacity-100 cursor-pointer transition-opacity"
>
{uploadingBarberId === b.id ? <RefreshCw size={14} className="animate-spin" /> : <Plus size={14} />}
</label>