stereo.cat/frontend
2
0
Fork 0
Code Issues 5 Pull requests Projects 1 Releases Packages Wiki Activity Actions

q icon to osbar

Browse source
This commit is contained in:
grngxd 2025-06-21 21:58:33 +01:00
parent b36d3b76a1
commit 3217373024
3 changed files with 12 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/dashboard/OSBar.tsx
View file

@ -1,5 +1,5 @@
import { component$ } from "@builder.io/qwik"; import { component$ } from "@builder.io/qwik";
import { SolarLibraryLinear, SolarRoundedMagniferLinear, SolarSettingsLinear, SolarUploadMinimalisticLinear, StereoCircularProgress, StereoLogoLinear } from "../misc/Icons"; import { SolarLibraryLinear, SolarQuestionCircleLinear, SolarRoundedMagniferLinear, SolarSettingsLinear, SolarUploadMinimalisticLinear, StereoCircularProgress, StereoLogoLinear } from "../misc/Icons";
export default component$(() => { export default component$(() => {
const used = 3.8; const used = 3.8;
@ -37,8 +37,8 @@ export default component$(() => {
background: "rgba(255, 38, 78, 0.15)", background: "rgba(255, 38, 78, 0.15)",
boxShadow: "0px 4px 20px 0px rgba(255, 38, 78, 0.08), 0px 8px 12px 0px rgba(0, 0, 0, 0.12), 0px 4px 4px 0px rgba(0, 0, 0, 0.06), 0px 2px 1px 0px rgba(0, 0, 0, 0.04), 0px 4px 8px 0px rgba(255, 38, 78, 0.12) inset, 0px 1px 3px 0px rgba(255, 38, 78, 0.24) inset", boxShadow: "0px 4px 20px 0px rgba(255, 38, 78, 0.08), 0px 8px 12px 0px rgba(0, 0, 0, 0.12), 0px 4px 4px 0px rgba(0, 0, 0, 0.06), 0px 2px 1px 0px rgba(0, 0, 0, 0.04), 0px 4px 8px 0px rgba(255, 38, 78, 0.12) inset, 0px 1px 3px 0px rgba(255, 38, 78, 0.24) inset",
backdropFilter: "blur(12px)", backdropFilter: "blur(12px)",
}} class="flex items-center justify-center px-6 py-4 gap-2 text-white text-xl"> }} class="flex items-center justify-center px-5 py-5 gap-2 text-white text-3xl h-full">
? <SolarQuestionCircleLinear />
</div> </div>
</div> </div>
) )

7
src/components/misc/Icons.tsx
View file

@ -65,6 +65,13 @@ export function SolarSettingsLinear(props: QwikIntrinsicElements['svg'], key: st
) )
} }
export function SolarQuestionCircleLinear(props: QwikIntrinsicElements['svg'], key: string) {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props} key={key}><g fill="none"><circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" /><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M10.125 8.875a1.875 1.875 0 1 1 2.828 1.615c-.475.281-.953.708-.953 1.26V13" /><circle cx="12" cy="16" r="1" fill="currentColor" /></g></svg>
)
}
// Stereo // Stereo
export function StereoLogoBold(props: QwikIntrinsicElements['svg'], key: string) { export function StereoLogoBold(props: QwikIntrinsicElements['svg'], key: string) {

6
src/routes/dashboard/index.tsx
View file

@ -49,12 +49,10 @@ const Files = component$<{
}) })
return ( return (
<div class="mb-6 flex flex-col w-full max-h-full overflow-y-scroll overflow-x-hidden mask-clip-content rounded-3xl"> <div class="mb-6 flex flex-col w-full max-h-full overflow-y-auto overflow-x-hidden mask-clip-content rounded-3xl">
<div class="w-full h-full grid grid-cols-4 gap-2"> <div class="w-full h-full grid grid-cols-4 gap-2">
{files.value.map((file) => ( {files.value.map((file) => (
Array.from({ length: 15 }).map((_, i) => ( <File key={file.ID} file={file} />
<File file={file} key={`${file.ID}-${i}`} />
))
))} ))}
</div> </div>
</div> </div>