timmypidashev/web
1
0
Fork 0
mirror of https://github.com/timmypidashev/web.git synced 2026-04-14 02:53:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update mobile settings layout

Browse Source
This commit is contained in:
Timothy Pidashev
2026-04-06 15:41:31 -07:00
parent db46f7d6ba
commit f6e9e16227
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/mobile-nav/settings-sheet.tsx
View File

@@ -5,10 +5,10 @@ import { applyTheme, getStoredThemeId } from "@/lib/themes/engine";
import { ANIMATION_IDS, ANIMATION_LABELS, type AnimationId } from "@/lib/animations"; import { ANIMATION_IDS, ANIMATION_LABELS, type AnimationId } from "@/lib/animations";
const footerLinks = [ const footerLinks = [
{ href: "mailto:contact@timmypidashev.dev", label: "Contact", color: "text-green" }, { href: "mailto:contact@timmypidashev.dev", label: "Contact", color: "text-green", activeBg: "bg-green/15", activeBorder: "border-green/40" },
{ href: "https://github.com/timmypidashev", label: "Github", color: "text-yellow" }, { href: "https://github.com/timmypidashev", label: "Github", color: "text-yellow", activeBg: "bg-yellow/15", activeBorder: "border-yellow/40" },
{ href: "https://www.linkedin.com/in/timothy-pidashev-4353812b8", label: "LinkedIn", color: "text-blue" }, { href: "https://www.linkedin.com/in/timothy-pidashev-4353812b8", label: "LinkedIn", color: "text-blue", activeBg: "bg-blue/15", activeBorder: "border-blue/40" },
{ href: "https://github.com/timmypidashev/web", label: "Source", color: "text-purple" }, { href: "https://github.com/timmypidashev/web", label: "Source", color: "text-purple", activeBg: "bg-purple/15", activeBorder: "border-purple/40" },
]; ];
const animOptions = [ const animOptions = [
@@ -144,14 +144,14 @@ export function SettingsSheet({ open, onClose }: { open: boolean; onClose: () =>
{/* Links */} {/* Links */}
<div> <div>
<div className="text-foreground/50 text-xs uppercase tracking-wider mb-2">Links</div> <div className="text-foreground/50 text-xs uppercase tracking-wider mb-2">Links</div>
<div className="flex flex-wrap justify-center gap-3"> <div className="grid grid-cols-2 gap-2">
{footerLinks.map((link) => ( {footerLinks.map((link) => (
<a <a
key={link.label} key={link.label}
href={link.href} href={link.href}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className={`${link.color} inline-flex items-center gap-1 text-sm`} className={`${link.activeBg} ${link.color} ${link.activeBorder} py-2.5 rounded-lg text-sm font-medium border text-center inline-flex items-center justify-center gap-1.5`}
> >
{link.label} {link.label}
<ExternalLink size={12} className="opacity-50" /> <ExternalLink size={12} className="opacity-50" />