forked from
tokono.ma/diffuse
A music player that connects to your cloud/distributed storage.
chore: minor page tweaks
+14
-3
+1
-1
src/_components/grid.vto
+1
-1
src/_components/grid.vto
+1
src/build.vto
+1
src/build.vto
···
109
109
While you have the ability to do whatever you want in a custom facet, the existing facets are designed to work a certain way; so here's some things to keep in mind:
110
110
</p>
111
111
<ul>
112
+
<li><span>Prelude (feature) facets are loaded in alphabetical order by the facet loader.</span></li>
112
113
<li><span>Most elements are configured in broadcast mode so they communicate across tabs. There are a few exceptions such as inputs, where we prefer parallelisation.</span></li>
113
114
<li><span>All URLs in a facet are relative to the root of Diffuse (not the root of the server) due to the base element in the header of the facet loader.</span></li>
114
115
</ul>
+1
-1
src/common/pages/dashboard.js
+1
-1
src/common/pages/dashboard.js
···
185
185
<li class="grid-item">
186
186
<div
187
187
class="grid-item__contents"
188
-
style="--grid-item-gradient: linear-gradient(to bottom, oklch(from ${color} l c h / 0.075), transparent 65%)"
188
+
style="--grid-item-color: ${color}"
189
189
>
190
190
<div class="grid-item__title" style="color: ${color}">
191
191
${title}
+11
-1
src/styles/diffuse/page.css
+11
-1
src/styles/diffuse/page.css
···
307
307
padding: var(--space-md);
308
308
position: relative;
309
309
310
+
--grid-item-gradient-opacity: 0.125;
311
+
312
+
@media (prefers-color-scheme: dark) {
313
+
--grid-item-gradient-opacity: 0.075;
314
+
}
315
+
310
316
&::before {
311
-
background: var(--grid-item-gradient, none);
317
+
background: linear-gradient(
318
+
to bottom,
319
+
oklch(from var(--grid-item-color, transparent) l c h / var(--grid-item-gradient-opacity)),
320
+
transparent 65%
321
+
);
312
322
content: "";
313
323
inset: 0;
314
324
pointer-events: none;