Michael/FlowReader
1
0 Fork 0
mirror of https://github.com/R0m1k3/FlowReader.git synced 2026-10-20 13:48:10 +02:00
Code Issues Packages Projects Releases Wiki Activity

style: fix mobile layout, sidebar contrast, and button hover states

Browse Source
This commit is contained in:
Michael committed 2026-02-05 15:35:43 +01:00
1 parent 9030b7d010
commit 0f5aa18efe
3 files changed
+3 -3
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

web/src/components/Sidebar.tsx
+1 -1
View File
@@ -65,7 +65,7 @@ export function Sidebar({ onSelectFeed, selectedFeedId }: SidebarProps) {
return ( return (
<> <>
<aside className="w-72 bg-carbon/60 backdrop-blur-xl border-r border-earth/10 h-screen flex flex-col z-20"> <aside className="w-72 hidden md:flex bg-carbon-dark/40 backdrop-blur-xl border-r border-earth/10 h-screen flex-col z-20">
<div className="p-8 pb-4"> <div className="p-8 pb-4">
<div className="flex items-center justify-between mb-8"> <div className="flex items-center justify-between mb-8">
web/src/index.css
+1 -1
View File
@@ -35,7 +35,7 @@
min-height: 100vh; min-height: 100vh;
border-top: 4px solid var(--color-nature); border-top: 4px solid var(--color-nature);
/* Editorial Touch */ /* Editorial Touch */
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.12'/%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.2'/%3E%3C/svg%3E");
background-blend-mode: multiply; background-blend-mode: multiply;
background-repeat: repeat; background-repeat: repeat;
} }
web/src/pages/DashboardPage.tsx
+1 -1
View File
@@ -124,7 +124,7 @@ export function DashboardPage({ selectedFeedId }: DashboardPageProps) {
<button <button
onClick={() => refreshMutation.mutate()} onClick={() => refreshMutation.mutate()}
disabled={refreshMutation.isPending} disabled={refreshMutation.isPending}
className={`text-[10px] uppercase tracking-[0.2em] font-bold px-6 py-2.5 rounded-full border border-gold/30 text-gold hover:bg-gold hover:text-black transition-all duration-300 ${refreshMutation.isPending ? 'animate-pulse opacity-50' : 'hover:shadow-lg hover:shadow-gold/20'}`} className={`text-[10px] uppercase tracking-[0.2em] font-bold px-6 py-2.5 rounded-full border border-gold/30 text-gold hover:bg-nature hover:text-white hover:border-nature transition-all duration-300 ${refreshMutation.isPending ? 'animate-pulse opacity-50' : 'hover:shadow-lg hover:shadow-nature/20'}`}
> >
{refreshMutation.isPending ? 'Mise à jour...' : 'Mettre à jour'} {refreshMutation.isPending ? 'Mise à jour...' : 'Mettre à jour'}
</button> </button>