myxelium/Toju
1
0
Fork 0
Code Issues 11 Pull Requests Actions Packages Projects 2 Releases 20 Wiki Activity

Fix lint, make design more consistent, add license texts,
All checks were successful
Queue Release Build / prepare (push) Successful in 11s
Details
Deploy Web Apps / deploy (push) Successful in 14m0s
Details
Queue Release Build / build-linux (push) Successful in 35m41s
Details
Queue Release Build / build-windows (push) Successful in 28m53s
Details
Queue Release Build / finalize (push) Successful in 2m6s
Details

Browse Source
This commit is contained in:
SocksOnHead
2026-04-02 04:08:53 +02:00
parent 37cac95b38
commit ae0ee8fac7
45 changed files with 988 additions and 572 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
toju-app/src/styles.scss
View File

@@ -32,7 +32,9 @@
body {
@apply bg-background text-foreground;
font-feature-settings: "rlig" 1, "calt" 1;
font-feature-settings:
'rlig' 1,
'calt' 1;
}
}
@@ -98,9 +100,9 @@
.theme-settings__workspace {
display: grid;
gap: 1.5rem;
grid-template-columns: minmax(18rem, 22rem) minmax(0, 1fr);
align-items: start;
gap: 1rem;
grid-template-columns: minmax(16rem, 19rem) minmax(0, 1fr);
align-items: stretch;
min-height: 0;
}
@@ -110,7 +112,7 @@
display: flex;
min-height: 0;
flex-direction: column;
gap: 1rem;
gap: 0.75rem;
}
.theme-settings__main {
@@ -118,12 +120,12 @@
min-width: 0;
min-height: 0;
flex-direction: column;
gap: 1.5rem;
gap: 1rem;
}
.theme-settings--fullscreen .theme-settings__workspace {
gap: 0.875rem;
grid-template-columns: minmax(15.5rem, 17rem) minmax(0, 1fr);
gap: 0.75rem;
grid-template-columns: minmax(15rem, 16.5rem) minmax(0, 1fr);
align-items: stretch;
}
@@ -171,17 +173,17 @@
}
.theme-settings--fullscreen .theme-studio-card {
border-radius: 1rem;
box-shadow: 0 10px 24px rgb(15 23 42 / 0.08);
border-radius: 0.5rem;
box-shadow: 0 1px 2px rgb(15 23 42 / 0.05);
}
.theme-settings--fullscreen .theme-settings__hero-grid {
gap: 0.55rem;
gap: 0.5rem;
}
.theme-settings--fullscreen .theme-settings__hero-stat {
border-radius: 0.85rem;
padding: 0.7rem 0.85rem;
border-radius: 0.5rem;
padding: 0.65rem 0.75rem;
}
.theme-settings--fullscreen .theme-settings__hero-label {
@@ -190,17 +192,17 @@
.theme-settings--fullscreen .theme-settings__hero-value {
margin-top: 0.3rem;
font-size: 0.92rem;
font-size: 0.9rem;
}
.theme-settings--fullscreen .theme-settings__workspace-tab,
.theme-settings--fullscreen .theme-settings__entry-button {
border-radius: 0.85rem;
border-radius: 0.5rem;
padding: 0.72rem 0.8rem;
}
.theme-settings--fullscreen .theme-settings__search-input {
border-radius: 0.85rem;
border-radius: 0.5rem;
padding: 0.72rem 0.85rem;
}
@@ -212,24 +214,22 @@
.theme-studio-card {
border: 1px solid hsl(var(--border));
border-radius: 1.5rem;
background:
linear-gradient(180deg, hsl(var(--card) / 0.96), hsl(var(--background) / 0.96)),
radial-gradient(circle at top right, hsl(var(--primary) / 0.08), transparent 45%);
box-shadow: 0 14px 34px rgb(15 23 42 / 0.08);
border-radius: 0.5rem;
background: hsl(var(--card));
box-shadow: 0 1px 2px rgb(15 23 42 / 0.05);
}
.theme-settings__hero-grid {
display: grid;
gap: 0.75rem;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 0.5rem;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.theme-settings__hero-stat {
border: 1px solid hsl(var(--border));
border-radius: 1rem;
background: hsl(var(--background) / 0.72);
padding: 0.9rem 1rem;
border-radius: 0.5rem;
background: hsl(var(--secondary) / 0.3);
padding: 0.75rem 0.875rem;
}
.theme-settings__hero-label {
@@ -243,8 +243,8 @@
.theme-settings__hero-value {
display: block;
margin-top: 0.45rem;
font-size: 0.98rem;
margin-top: 0.35rem;
font-size: 0.95rem;
color: hsl(var(--foreground));
}
@@ -252,26 +252,22 @@
display: block;
width: 100%;
border: 1px solid hsl(var(--border));
border-radius: 1rem;
background: hsl(var(--background) / 0.72);
padding: 0.85rem 0.95rem;
border-radius: 0.5rem;
background: hsl(var(--secondary) / 0.25);
padding: 0.75rem 0.875rem;
text-align: left;
transition:
background-color 160ms ease,
border-color 160ms ease,
transform 160ms ease,
box-shadow 160ms ease;
border-color 160ms ease;
}
.theme-settings__workspace-tab:hover {
background: hsl(var(--secondary) / 0.78);
transform: translateY(-1px);
background: hsl(var(--secondary) / 0.45);
}
.theme-settings__workspace-tab--active {
border-color: hsl(var(--primary) / 0.4);
border-color: hsl(var(--primary) / 0.35);
background: hsl(var(--primary) / 0.08);
box-shadow: 0 8px 22px hsl(var(--primary) / 0.12);
}
.theme-settings__workspace-tab-title {
@@ -291,10 +287,10 @@
.theme-settings__search-input {
border: 1px solid hsl(var(--border));
border-radius: 0.95rem;
background: hsl(var(--background) / 0.82);
padding: 0.8rem 0.95rem;
font-size: 0.9rem;
border-radius: 0.5rem;
background: hsl(var(--secondary));
padding: 0.65rem 0.8rem;
font-size: 0.875rem;
color: hsl(var(--foreground));
outline: none;
transition:
@@ -305,14 +301,14 @@
.theme-settings__search-input:focus {
border-color: hsl(var(--primary) / 0.4);
box-shadow: 0 0 0 3px hsl(var(--primary) / 0.12);
box-shadow: 0 0 0 1px hsl(var(--primary) / 0.2);
}
.theme-settings__entry-list {
display: flex;
max-height: min(60vh, 34rem);
flex-direction: column;
gap: 0.7rem;
gap: 0.5rem;
overflow: auto;
padding-right: 0.15rem;
}
@@ -321,26 +317,22 @@
display: block;
width: 100%;
border: 1px solid hsl(var(--border));
border-radius: 1rem;
background: hsl(var(--background) / 0.72);
padding: 0.9rem 0.95rem;
border-radius: 0.5rem;
background: hsl(var(--secondary) / 0.25);
padding: 0.75rem 0.875rem;
text-align: left;
transition:
background-color 160ms ease,
border-color 160ms ease,
transform 160ms ease,
box-shadow 160ms ease;
border-color 160ms ease;
}
.theme-settings__entry-button:hover {
background: hsl(var(--secondary) / 0.72);
transform: translateY(-1px);
background: hsl(var(--secondary) / 0.45);
}
.theme-settings__entry-button--active {
border-color: hsl(var(--primary) / 0.42);
border-color: hsl(var(--primary) / 0.35);
background: hsl(var(--primary) / 0.08);
box-shadow: 0 8px 24px hsl(var(--primary) / 0.12);
}
@media (max-width: 1279px) {