refactor: sort files by creation date and improve file display layout
This commit is contained in:
parent
aaaebc20a5
commit
972c8930cd
2 changed files with 30 additions and 11 deletions
|
@ -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
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue