Fix UI issues 2

This commit is contained in:
Urtzi Alfaro
2025-12-29 21:52:53 +01:00
parent 02f0c91a15
commit e494ea8635
6 changed files with 395 additions and 219 deletions

View File

@@ -10,7 +10,6 @@ import {
Users,
UserPlus,
Euro as EuroIcon,
Sparkles,
FileText,
Factory,
Search,
@@ -159,21 +158,6 @@ export const ItemTypeSelector: React.FC<ItemTypeSelectorProps> = ({ onSelect })
return (
<div className="space-y-6">
{/* Header */}
<div className="text-center pb-4 border-b border-[var(--border-primary)]">
<div className="flex items-center justify-center mb-3">
<div className="p-3 bg-gradient-to-br from-[var(--color-primary)]/10 to-[var(--color-primary)]/5 rounded-full">
<Sparkles className="w-8 h-8 text-[var(--color-primary)]" />
</div>
</div>
<h2 className="text-2xl font-bold text-[var(--text-primary)] mb-2">
{t('itemTypeSelector.title')}
</h2>
<p className="text-[var(--text-secondary)] max-w-md mx-auto">
{t('itemTypeSelector.description')}
</p>
</div>
{/* Search and Filters */}
<div className="space-y-3">
{/* Search Bar */}
@@ -256,7 +240,7 @@ export const ItemTypeSelector: React.FC<ItemTypeSelectorProps> = ({ onSelect })
)}
{/* Content */}
<div className="flex items-center gap-4">
<div className="flex items-start gap-4">
{/* Icon */}
<div
className={`
@@ -272,8 +256,8 @@ export const ItemTypeSelector: React.FC<ItemTypeSelectorProps> = ({ onSelect })
</div>
{/* Text */}
<div className="flex-1 text-left">
<h3 className="text-base md:text-lg font-semibold text-[var(--text-primary)] mb-0.5 group-hover:text-[var(--color-primary)] transition-colors">
<div className="flex-1 text-left pr-16">
<h3 className="text-base md:text-lg font-semibold text-[var(--text-primary)] group-hover:text-[var(--color-primary)] transition-colors">
{itemType.title}
</h3>
<p className="text-sm text-[var(--text-secondary)] leading-snug mt-1">