feat: add gallery upload and fix mobile header issues
- Added 'Upload from Gallery' button to CameraCapture component - Implemented secondary file input without 'capture' attribute to allow gallery selection on mobile - Fixed overlapping header elements on mobile by making the header responsive - Compacted 'Dram of the Day' button on small screens - Added translations for the new gallery upload feature
This commit is contained in:
@@ -44,7 +44,7 @@ export default function DramOfTheDay({ bottles }: DramOfTheDayProps) {
|
||||
<button
|
||||
onClick={suggestDram}
|
||||
disabled={isRolling}
|
||||
className="flex items-center gap-2 px-6 py-3 bg-amber-600 hover:bg-amber-700 text-white rounded-2xl font-black uppercase tracking-widest text-xs transition-all shadow-lg shadow-amber-600/20 active:scale-95 disabled:opacity-50"
|
||||
className="flex items-center gap-2 px-4 sm:px-6 py-2 sm:py-3 bg-amber-600 hover:bg-amber-700 text-white rounded-2xl font-black uppercase tracking-widest text-[10px] sm:text-xs transition-all shadow-lg shadow-amber-600/20 active:scale-95 disabled:opacity-50"
|
||||
>
|
||||
{isRolling ? (
|
||||
<Dices size={18} className="animate-spin" />
|
||||
|
||||
Reference in New Issue
Block a user