refactor: sort files by creation date and improve file display layout

This commit is contained in:
grngxd 2025-08-01 08:33:11 +01:00
parent aaaebc20a5
commit 972c8930cd
2 changed files with 30 additions and 11 deletions

View file

@ -32,7 +32,7 @@ export default component$(() => {
);
input.value = "";
files.value = [...files.value, ...metas];
files.value = [...files.value, ...metas].sort((a, b) => new Date(b.CreatedAt).getTime() - new Date(a.CreatedAt).getTime());
}
});
@ -56,7 +56,7 @@ export default component$(() => {
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)",
}} class="flex items-center justify-center px-6 py-4 gap-5 text-white text-3xl absolute left-1/2 transform -translate-x-1/2">
<a onClick$={() => settingsOpen.value = true}><StereoLogoLinear /></a>
<StereoLogoLinear />
<SolarLibraryLinear />
<a
onClick$={(e) => {
@ -67,7 +67,7 @@ export default component$(() => {
<SolarUploadMinimalisticLinear />
</a>
<SolarRoundedMagniferLinear />
<SolarSettingsLinear />
<a onClick$={() => settingsOpen.value = true}><SolarSettingsLinear /></a>
</div>
<input