justin/alpaca-dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

reduce spacing for better mobile fit

Browse Source
This commit is contained in:
Justin Oros
2026-02-04 14:58:05 -07:00
parent 39adf7a6b8
commit 6ba19ee3a4
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+7 -7
View File
@@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=0.95"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alpaca Dashboard</title> <title>Alpaca Dashboard</title>
<link rel="icon" type="image/png" href="alpaca.png"> <link rel="icon" type="image/png" href="alpaca.png">
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700&family=Outfit:wght@300;400;600;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700&family=Outfit:wght@300;400;600;700&display=swap" rel="stylesheet">
@@ -37,11 +37,11 @@
z-index:1; z-index:1;
max-width:1200px; max-width:1200px;
margin:0 auto; margin:0 auto;
padding:20px 16px; padding:12px 12px;
} }
header{ header{
text-align:center; text-align:center;
padding:40px 0 30px; padding:20px 0 16px;
animation:slideDown .6s ease-out; animation:slideDown .6s ease-out;
} }
@keyframes slideDown{ @keyframes slideDown{
@@ -219,7 +219,7 @@
display:flex; display:flex;
justify-content:space-between; justify-content:space-between;
align-items:center; align-items:center;
margin-bottom:24px; margin-bottom:16px;
flex-wrap:wrap; flex-wrap:wrap;
gap:12px; gap:12px;
} }
@@ -292,14 +292,14 @@
.stats-grid{ .stats-grid{
display:grid; display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr)); grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));
gap:16px; gap:12px;
margin-bottom:24px; margin-bottom:20px;
} }
.stat-card{ .stat-card{
background:var(--bg-card); background:var(--bg-card);
border:1px solid var(--border); border:1px solid var(--border);
border-radius:12px; border-radius:12px;
padding:20px; padding:16px;
transition:all .3s ease; transition:all .3s ease;
position:relative; position:relative;
overflow:hidden; overflow:hidden;