Skip to content

Commit ff53901

Browse files
GaspardKiriraGaspardKirira
committed
fix(site): improve template showcase mobile layout
1 parent c6d717a commit ff53901

9 files changed

Lines changed: 60 additions & 12 deletions

File tree

‎assets/index-CXvu_eDJ.css‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

assets/index-fzcikCHZ.js renamed to assets/index-CphM5PUE.js

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎assets/index-DS-5ndyh.css‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎data/github_stats.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"repo": "vixcpp/vix",
3-
"fetched_at": "2026-05-02T09:27:08.428Z",
3+
"fetched_at": "2026-05-02T09:33:48.193Z",
44
"stars": 413,
55
"forks": 32,
66
"open_issues": 15,

‎index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -100,8 +100,8 @@
100100
gtag("js", new Date());
101101
gtag("config", "G-1B67VYZMXF");
102102
</script>
103-
<script type="module" crossorigin src="/assets/index-fzcikCHZ.js"></script>
104-
<link rel="stylesheet" crossorigin href="/assets/index-DS-5ndyh.css">
103+
<script type="module" crossorigin src="/assets/index-CphM5PUE.js"></script>
104+
<link rel="stylesheet" crossorigin href="/assets/index-CXvu_eDJ.css">
105105
<link rel="manifest" href="/manifest.webmanifest"></head>
106106

107107
<body>

‎sw.js‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎vix-site/public/data/github_stats.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"repo": "vixcpp/vix",
3-
"fetched_at": "2026-05-02T09:27:08.428Z",
3+
"fetched_at": "2026-05-02T09:33:48.193Z",
44
"stars": 413,
55
"forks": 32,
66
"open_issues": 15,

‎vix-site/src/data/github_stats.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"repo": "vixcpp/vix",
3-
"fetched_at": "2026-05-02T09:27:08.428Z",
3+
"fetched_at": "2026-05-02T09:33:48.193Z",
44
"stars": 413,
55
"forks": 32,
66
"open_issues": 15,

‎vix-site/src/pages/Home.vue‎

Lines changed: 51 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2328,17 +2328,42 @@ onMounted(async () => {
23282328
@media (max-width: 720px) {
23292329
.template-engine {
23302330
padding: 56px 0 72px;
2331+
overflow: hidden;
2332+
}
2333+
2334+
.template-engine-inner {
2335+
gap: 36px;
23312336
}
23322337
23332338
.template-engine-content {
23342339
text-align: left;
2340+
max-width: 100%;
2341+
}
2342+
2343+
.template-engine-title {
2344+
font-size: clamp(1.75rem, 8vw, 2.35rem);
2345+
line-height: 1.08;
2346+
}
2347+
2348+
.template-engine-subtitle {
2349+
font-size: 1rem;
2350+
line-height: 1.65;
2351+
}
2352+
2353+
.template-engine-btn {
2354+
width: 100%;
2355+
justify-content: center;
23352356
}
23362357
23372358
.template-engine-visual {
2359+
width: 100%;
2360+
max-width: 100%;
2361+
min-width: 0;
23382362
min-height: auto;
23392363
display: flex;
23402364
flex-direction: column;
23412365
gap: 16px;
2366+
overflow: hidden;
23422367
}
23432368
23442369
.template-code-card,
@@ -2348,15 +2373,38 @@ onMounted(async () => {
23482373
top: auto;
23492374
left: auto;
23502375
width: 100%;
2376+
max-width: 100%;
2377+
min-width: 0;
23512378
}
23522379
2353-
.template-engine-btn {
2380+
.template-code-body {
23542381
width: 100%;
2355-
justify-content: center;
2382+
max-width: 100%;
2383+
min-width: 0;
2384+
overflow-x: auto;
2385+
overflow-y: hidden;
2386+
-webkit-overflow-scrolling: touch;
23562387
}
23572388
23582389
.template-code-pre {
2359-
font-size: 0.78rem;
2390+
margin: 0;
2391+
width: max-content;
2392+
min-width: 100%;
2393+
max-width: none;
2394+
padding: 18px 20px;
2395+
font-size: 0.82rem;
2396+
line-height: 1.65;
2397+
white-space: pre;
2398+
word-break: normal;
2399+
overflow-wrap: normal;
2400+
}
2401+
2402+
.template-code-pre code {
2403+
display: inline-block;
2404+
min-width: 100%;
2405+
white-space: pre;
2406+
word-break: normal;
2407+
overflow-wrap: normal;
23602408
}
23612409
}
23622410

0 commit comments

Comments
 (0)