fix: add more table flips
This commit is contained in:
parent
7be62fcbb2
commit
1aedda9cb3
1 changed files with 12 additions and 3 deletions
|
@ -35,14 +35,23 @@ export default component$(() => {
|
||||||
<div class="absolute w-full h-screen flex justify-center items-center flex-col">
|
<div class="absolute w-full h-screen flex justify-center items-center flex-col">
|
||||||
<p class="text-gray-500 text-8xl font-bold"><SvgSpinnersBarsRotateFade /></p>
|
<p class="text-gray-500 text-8xl font-bold"><SvgSpinnersBarsRotateFade /></p>
|
||||||
<p class="text-gray-700 text-2xl font-light italic">loading your files...</p>
|
<p class="text-gray-700 text-2xl font-light italic">loading your files...</p>
|
||||||
<span class="text-gray-700 text-lg font-light flex gap-[0.5ch] items-center">please wait <span class="animate-spin">⏳</span></span>
|
<span class="text-gray-700 text-lg font-light flex gap-[0.5ch] items-center">please wait... <span class="animate-spin">⏳</span></span>
|
||||||
</div>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
files.value.length === 0 ? (
|
files.value.length === 0 ? (
|
||||||
<div class="absolute w-full h-screen flex justify-center items-center flex-col">
|
<div class="absolute w-full h-screen flex justify-center items-center flex-col">
|
||||||
<p class="text-gray-500 text-8xl font-bold">{"┻━┻︵ \\(°□°)/ ︵ ┻━┻"}</p>
|
<p class="text-gray-500 text-8xl font-bold">{
|
||||||
|
[
|
||||||
|
"┻━┻︵ \\(°□°)/ ︵ ┻━┻",
|
||||||
|
"┻━┻︵ヽ(`Д´)ノ︵ ┻━┻",
|
||||||
|
"ʕノ•ᴥ•ʔノ ︵ ┻━┻",
|
||||||
|
"(╯°Д°)╯︵ /(.□ . \\)",
|
||||||
|
"┬─┬ ︵ /(.□. \\)",
|
||||||
|
"(/ .□.)\\ ︵╰(゜Д゜)╯︵ /(.□. \\)"
|
||||||
|
].sort(() => Math.random() - 0.5)[0]
|
||||||
|
}</p>
|
||||||
<p class="text-gray-700 text-2xl font-light italic">you haven't uploaded any files yet!</p>
|
<p class="text-gray-700 text-2xl font-light italic">you haven't uploaded any files yet!</p>
|
||||||
<span class="text-gray-700 text-lg font-light flex gap-[0.5ch] items-center">click the <span><SolarUploadLinear /></span> button to get started</span>
|
<span class="text-gray-700 text-lg font-light flex gap-[0.5ch] items-center">click the <span class="animate-bounce p-0.5 bg-gray-500 rounded-sm"><SolarUploadLinear /></span> button to get started</span>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
: (
|
: (
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue