klbr/LetterFeed
1
0
Fork 0
mirror of https://github.com/khoaliber/LetterFeed.git synced 2026-03-06 13:22:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: responsive layout

Browse Source
This commit is contained in:
Leon
2025-07-16 22:13:57 +02:00
parent 9f1eea4488
commit a3d42b51f4
5 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/components/letterfeed/Header.tsx
View File

@@ -27,8 +27,8 @@ export function Header({ onOpenAddNewsletter, onOpenSettings }: HeaderProps) {
}
return (
<div className="flex items-center justify-between mb-8">
<div className="flex items-center gap-4">
<div className="flex flex-col md:flex-row items-center justify-between mb-8">
<div className="flex items-center gap-4 mb-4 md:mb-0">
<Image
src="/logo.png"
alt="LetterFeed Logo"
@@ -37,14 +37,14 @@ export function Header({ onOpenAddNewsletter, onOpenSettings }: HeaderProps) {
className="rounded-lg"
/>
<div>
<h1 className="text-3xl font-bold text-gray-900">LetterFeed</h1>
<p className="text-gray-600 mt-1">
Read your newsletters as RSS feeds!
<h1 className="text-2xl md:text-3xl font-bold text-gray-900">LetterFeed</h1>
<p className="text-gray-600 mt-1 hidden md:block">
Newsletters as RSS feeds
</p>
</div>
</div>
<div className="flex gap-2">
<div className="flex flex-wrap gap-2">
<Button onClick={onOpenAddNewsletter}>
<Plus className="w-4 h-4 mr-2" />
Add Newsletter