aidan/aidxnCC
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

better padding, bump

Browse source 
p-4 will now be the default for small screens (mobile devices), and p-8
for sm+ sized devices. this does not apply everywhere, like in the
TopPick.tsx component
This commit is contained in:
Aidan 2025-08-23 23:39:05 -04:00
parent 3fe4b7b369
commit dee931f3a8
9 changed files with 36 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

4
app/ai/components/TopPick.tsx
View file

@ -9,7 +9,7 @@ export default function TopPick() {
<Trophy size={32} />
Top Pick of 2025
</h2>
<div className="p-8 border-2 border-[#c15f3c] rounded-lg bg-orange-500/5">
<div className="p-6 sm:p-8 border-2 border-[#c15f3c] rounded-lg bg-orange-500/5">
<div className="grid md:grid-cols-2 gap-6">
<div className="flex items-center gap-4">
<SiClaude className="text-6xl text-[#c15f3c]" />
@ -46,4 +46,4 @@ export default function TopPick() {
</div>
</div>
)
}
}