website
git clone https://git.pyrossh.dev/website
木 Personal website of pyrossh. Built with astrojs, shiki, vite.
9a404c0
— pyrossh
2026-08-04T22:12:17+05:30
improve stuff
- assets/css/repos.css +14 -7
- assets/css/shared.css +2 -2
- src/_includes/repo-layout.njk +1 -1
assets/css/repos.css
CHANGED
|
@@ -70,7 +70,6 @@
|
|
|
70
70
|
}
|
|
71
71
|
|
|
72
72
|
h3 {
|
|
73
|
-
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
|
|
74
73
|
font-size: 0.85rem;
|
|
75
74
|
font-weight: 400;
|
|
76
75
|
margin-top: 0.5rem;
|
|
@@ -93,7 +92,6 @@
|
|
|
93
92
|
margin-top: 0.5rem;
|
|
94
93
|
border: none;
|
|
95
94
|
border-top: 1px solid var(--color-text);
|
|
96
|
-
opacity: 0.15;
|
|
97
95
|
}
|
|
98
96
|
|
|
99
97
|
.nav {
|
|
@@ -102,9 +100,8 @@
|
|
|
102
100
|
margin-top: 0.5rem;
|
|
103
101
|
|
|
104
102
|
span {
|
|
105
|
-
padding: 0 0.
|
|
103
|
+
padding: 0 0.75rem;
|
|
106
104
|
color: var(--color-text);
|
|
107
|
-
opacity: 0.4;
|
|
108
105
|
}
|
|
109
106
|
|
|
110
107
|
a {
|
|
@@ -123,7 +120,16 @@
|
|
|
123
120
|
}
|
|
124
121
|
|
|
125
122
|
#repo-content {
|
|
126
|
-
margin-top: 0.
|
|
123
|
+
margin-top: 0.75rem;
|
|
124
|
+
|
|
125
|
+
/* README (repos/repo.njk) — same box treatment as the file explorer
|
|
126
|
+
panes below, so it doesn't sit as bare unstyled text against the
|
|
127
|
+
page background. Scoped to #repo-content so blog posts (which also
|
|
128
|
+
use .markdown-body) are untouched. */
|
|
129
|
+
.markdown-body {
|
|
130
|
+
background: var(--color-box-bg);
|
|
131
|
+
padding: 1rem 1.25rem;
|
|
132
|
+
}
|
|
127
133
|
}
|
|
128
134
|
|
|
129
135
|
/* Commit list / commit detail header (Commit.astro) — repos/commit.njk,
|
|
@@ -364,11 +370,12 @@
|
|
|
364
370
|
min-width: 0;
|
|
365
371
|
font-size: 0.9rem;
|
|
366
372
|
font-weight: 500;
|
|
373
|
+
margin-bottom: -4px;
|
|
367
374
|
|
|
368
375
|
svg {
|
|
369
376
|
flex-shrink: 0;
|
|
370
|
-
width:
|
|
377
|
+
width: 1rem;
|
|
371
|
-
height:
|
|
378
|
+
height: 1rem;
|
|
372
379
|
}
|
|
373
380
|
|
|
374
381
|
span {
|
assets/css/shared.css
CHANGED
|
@@ -74,8 +74,8 @@ table { border-collapse: collapse; }
|
|
|
74
74
|
--color-post-link: light-dark(hsl(0, 0%, 0%), hsl(211, 100%, 60%));
|
|
75
75
|
--color-highlight-bg: light-dark(hsl(183, 80%, 88%), hsl(183, 80%, 18%));
|
|
76
76
|
--color-code-fg: light-dark(hsl(348, 86%, 43%), hsl(348, 86%, 80%));
|
|
77
|
-
--color-code-bg: light-dark(hsl(0, 0%,
|
|
77
|
+
--color-code-bg: light-dark(hsl(0, 0%, 89%), hsl(210, 13%, 6%));
|
|
78
|
-
--color-pre-bg: light-dark(hsl(0, 0%,
|
|
78
|
+
--color-pre-bg: light-dark(hsl(0, 0%, 89%), hsl(210, 13%, 6%));
|
|
79
79
|
--color-tag: light-dark(hsl(152, 96%, 35%), hsl(152, 96%, 44%));
|
|
80
80
|
--token-comment: light-dark(hsl(220, 10%, 45%), hsl(220, 10%, 60%));
|
|
81
81
|
--token-keyword: light-dark(hsl(310, 60%, 45%), hsl(310, 70%, 72%));
|
src/_includes/repo-layout.njk
CHANGED
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
<div class="nav">
|
|
12
12
|
<div><a href="/repos/{{ repo }}/" hx-get="/repos/{{ repo }}/" hx-select="#repo-page" hx-target="#repo-page" hx-swap="outerHTML" hx-push-url="true" class="{% if tab == 'Readme' %}active-tab{% endif %}">Readme</a><span>|</span></div>
|
|
13
13
|
<div><a href="/repos/{{ repo }}/commits/" hx-get="/repos/{{ repo }}/commits/" hx-select="#repo-page" hx-target="#repo-page" hx-swap="outerHTML" hx-push-url="true" class="{% if tab == 'Commits' %}active-tab{% endif %}">Commits</a><span>|</span></div>
|
|
14
|
-
<div><a href="/repos/{{ repo }}/files/" hx-get="/repos/{{ repo }}/files/" hx-select="#repo-page" hx-target="#repo-page" hx-swap="outerHTML" hx-push-url="true" class="{% if tab == 'Files' %}active-tab{% endif %}">Files</a><
|
|
14
|
+
<div><a href="/repos/{{ repo }}/files/" hx-get="/repos/{{ repo }}/files/" hx-select="#repo-page" hx-target="#repo-page" hx-swap="outerHTML" hx-push-url="true" class="{% if tab == 'Files' %}active-tab{% endif %}">Files</a></div>
|
|
15
15
|
</div>
|
|
16
16
|
</div>
|
|
17
17
|
{% endmacro %}
|