Commit 42337f7

Nick Faro committed on
Add subtle avatar borders
commit 42337f76aec08e338105390022b4aaed9354bc60 parent e2b454c
1 changed files +3−1
Modifiedinternal/site/style.go +3−1
@@ -15,6 +15,7 @@ const siteCSS = `:root {
15 --danger-text: #cf222e; 15 --danger-text: #cf222e;
16 --shadow: 0 1px 0 rgba(31,35,40,.04); 16 --shadow: 0 1px 0 rgba(31,35,40,.04);
17 --button-border: rgba(31,35,40,.15); 17 --button-border: rgba(31,35,40,.15);
18 --avatar-border: rgba(31,35,40,.15);
18 --button-hover: #eff2f5; 19 --button-hover: #eff2f5;
19 --success-bg: #dafbe1; 20 --success-bg: #dafbe1;
20 --popover-bg: #ffffff; 21 --popover-bg: #ffffff;
@@ -53,6 +54,7 @@ const siteCSS = `:root {
53 --danger-text: #f85149; 54 --danger-text: #f85149;
54 --shadow: 0 0 transparent; 55 --shadow: 0 0 transparent;
55 --button-border: rgba(240,246,252,.1); 56 --button-border: rgba(240,246,252,.1);
57 --avatar-border: rgba(240,246,252,.1);
56 --button-hover: #21262d; 58 --button-hover: #21262d;
57 --success-bg: rgba(46,160,67,.15); 59 --success-bg: rgba(46,160,67,.15);
58 --popover-bg: #161b22; 60 --popover-bg: #161b22;
@@ -154,7 +156,7 @@ button, input { font: inherit; }
154 156
155 .tree-card, .readme-card, .blob-card { border: 1px solid var(--border); border-radius: 6px; overflow: hidden; background: var(--bg); } 157 .tree-card, .readme-card, .blob-card { border: 1px solid var(--border); border-radius: 6px; overflow: hidden; background: var(--bg); }
156 .commit-row { min-height: 54px; display: grid; grid-template-columns: 32px minmax(120px,1fr) auto auto auto; align-items: center; gap: 9px; padding: 9px 14px; background: var(--canvas); border-bottom: 1px solid var(--border); } 158 .commit-row { min-height: 54px; display: grid; grid-template-columns: 32px minmax(120px,1fr) auto auto auto; align-items: center; gap: 9px; padding: 9px 14px; background: var(--canvas); border-bottom: 1px solid var(--border); }
157 .avatar { width: 28px; height: 28px; display: block; border-radius: 50%; object-fit: cover; background: var(--neutral-muted); } 159 .avatar { width: 28px; height: 28px; display: block; border-radius: 50%; object-fit: cover; background: var(--neutral-muted); box-shadow: 0 0 0 1px var(--avatar-border); }
158 .latest-commit { min-width: 0; display: flex; align-items: baseline; gap: 9px; } 160 .latest-commit { min-width: 0; display: flex; align-items: baseline; gap: 9px; }
159 .latest-commit strong { flex: none; } 161 .latest-commit strong { flex: none; }
160 .commit-message { min-width: 0; overflow: hidden; color: var(--text); text-overflow: ellipsis; white-space: nowrap; } 162 .commit-message { min-width: 0; overflow: hidden; color: var(--text); text-overflow: ellipsis; white-space: nowrap; }