Skip to content

Commit b3b9db1

Browse files
ItsZariepItsZariep
committed
UI fixes for mobile
1 parent 8fa90cb commit b3b9db1

File tree

7 files changed

+134
-29
lines changed

7 files changed

+134
-29
lines changed

‎content/about/about.markdown‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ authors:
66
- ItsZariep
77
- David Castro
88
showDate: false
9-
url: "/about/"
9+
url: "/about/about"
1010
---
1111

1212
Cereus Linux is a Void Linux–based distribution specifically designed to provide a more user-friendly experience on the Linux desktop. It aims to combine the technical advantages of its base system with a more approachable and curated user environment.

‎layouts/_shortcodes/updates.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<!--BANNER-->
2-
<link rel="stylesheet" href="/css/updates.css">
2+
<link rel="stylesheet" href="{{ "css/updates.css" | relURL }}">
33

44
<section class="header-upt">
55
<div class="weltext">

‎layouts/partials/bottompane.html‎

Lines changed: 0 additions & 13 deletions
This file was deleted.

‎layouts/partials/toppane.html‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -23,20 +23,20 @@
2323
<li><a href="{{ "/" | relURL }}">Home</a></li>
2424
<li><a href="{{ "/wiki" | relURL }}">Wiki</a></li>
2525
<li><a href="{{ "/blog" | relURL }}">Blog</a></li>
26-
<li><a href="{{ "/about" | relURL }}">About</a></li>
26+
<li><a href="{{ "/about/about" | relURL }}">About</a></li>
2727

28-
<li class="tp-dropdown">
29-
<input type="checkbox" id="extras-toggle" class="dropdown-checkbox">
30-
<label for="extras-toggle">Extras</label>
31-
<ul class="tp-dropdown-elements">
32-
<li>
33-
<a href="https://codeberg.org/cereus-linux/artwork" target="_blank">Artwork</a>
34-
</li>
35-
<li>
36-
<a href="{{ "/extras/mirrors/" | relURL }}">Mirrors</a>
37-
</li>
38-
</ul>
39-
</li>
28+
<li class="tp-dropdown">
29+
<input type="checkbox" id="extras-toggle" class="dropdown-checkbox">
30+
<label for="extras-toggle">Extras</label>
31+
<ul class="tp-dropdown-elements">
32+
<li>
33+
<a href="https://codeberg.org/cereus-linux/artwork" target="_blank">Artwork</a>
34+
</li>
35+
<li>
36+
<a href="{{ "/extras/mirrors/" | relURL }}">Mirrors</a>
37+
</li>
38+
</ul>
39+
</li>
4040

4141

4242
<li><a href="{{ "/updates" | relURL }}">Updates</a></li>

‎static/css/custom.css‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -219,6 +219,9 @@ input[type="text"] {
219219

220220
@media only screen and (max-width: 768px) and (max-aspect-ratio: 1/1)
221221
{
222+
.dropdown-checkbox:checked + label + .tp-dropdown-elements {
223+
display: block;
224+
}
222225
#left-container .search-input {
223226
display:block;
224227
}
@@ -232,4 +235,15 @@ input[type="text"] {
232235
display: flex;
233236
flex-direction: row-reverse;
234237
}
238+
239+
.glance-condensed {
240+
display: inline-flex;
241+
gap: 1rem;
242+
flex-direction: column;
243+
font-size: 2rem;
244+
}
245+
.glance-condensed img {
246+
width: 2rem;
247+
height: auto;
248+
}
235249
}

‎static/css/updates.css‎

Lines changed: 104 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,104 @@
1+
:root {
2+
--bg-color: #f5f5f5;
3+
--text-color: #232323;
4+
--table-bg: #ffffff;
5+
--primary-color: #43a64f;
6+
--link-color: #232323;
7+
--header-color: #666666;
8+
--button-bg: #43a64f;
9+
--button-text: #ffffff;
10+
--shadow-color: rgba(0, 0, 0, 0.2);
11+
}
12+
13+
@media (prefers-color-scheme: dark) {
14+
:root {
15+
/* Dark mode colors */
16+
--bg-color: #121212;
17+
--text-color: #e0e0e0;
18+
--table-bg: #1e1e1e;
19+
}
20+
}
21+
22+
#commit-feed {
23+
width: 66%;
24+
margin: 0 auto;
25+
}
26+
.aboutpage .post .post-postcontent
27+
{
28+
width:95%
29+
}
30+
31+
32+
.commit-table {
33+
width: 100%;
34+
border-collapse: collapse;
35+
background-color: var(--table-bg);
36+
margin-bottom: 2em;
37+
border-radius: 8px;
38+
overflow: hidden;
39+
box-shadow: 0 2px 6px var(--shadow-color);
40+
}
41+
42+
.commit-table a {
43+
color: var(--link-color);
44+
text-decoration: none;
45+
}
46+
47+
.commit-title {
48+
color: var(--primary-color) !important;
49+
font-weight: bold;
50+
}
51+
52+
.commit-table h1 {
53+
color: var(--header-color);
54+
font-size: 1.5em;
55+
margin: 0 0 0.3em;
56+
}
57+
58+
.commit-table h3, .commit-table h4 {
59+
margin: 0.5em 0;
60+
}
61+
62+
.commit-table td {
63+
vertical-align: top;
64+
padding: 1em;
65+
}
66+
67+
.commit-table td:first-child {
68+
width: 30%;
69+
text-align: center;
70+
background-color: var(--primary-color);
71+
color: var(--button-text);
72+
}
73+
74+
.commit-table img {
75+
max-width: 100px;
76+
border-radius: 50%;
77+
height: auto;
78+
}
79+
80+
.commit-date-button {
81+
display: inline-block;
82+
background-color: var(--button-bg);
83+
color: var(--button-text);
84+
padding: 10px 20px;
85+
text-decoration: none;
86+
border-radius: 5px;
87+
margin-top: 20px;
88+
border: none;
89+
cursor: pointer;
90+
font-weight: bold;
91+
}
92+
93+
/* Responsive adjustments */
94+
@media only screen and (max-aspect-ratio: 1/1) {
95+
.commit-table td {
96+
display: block;
97+
width: 100%;
98+
}
99+
100+
.commit-table td:first-child {
101+
width: 100%;
102+
text-align: center;
103+
}
104+
}

‎themes/Tessera‎

Submodule Tessera updated from 46868f8 to 4683258

0 commit comments

Comments
 (0)