Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-13 00:03:33 +10:00
Code Issues Packages Projects Releases Wiki Activity

loading ux

Browse Source
This commit is contained in:
Timur Ercan
2023-01-24 20:12:12 +01:00
parent bb22e89f0d
commit 5353fe8f9f
1 changed files with 26 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
apps/web/pages/documents.tsx
View File

@ -70,27 +70,7 @@ const DocumentsPage: NextPageWithLayout = (req, res) => {
<Head> <Head>
<title>Documents | Documenso</title> <title>Documents | Documenso</title>
</Head> </Head>
<div className="mt-10" hidden={!loading}> <div className="px-4 sm:px-6 lg:px-8">
<div className="ph-item">
<div className="ph-col-12">
<div className="ph-picture"></div>
<div className="ph-row">
<div className="ph-col-6 big"></div>
<div className="ph-col-4 empty big"></div>
<div className="ph-col-2 big"></div>
<div className="ph-col-4"></div>
<div className="ph-col-8 empty"></div>
<div className="ph-col-6"></div>
<div className="ph-col-6 empty"></div>
<div className="ph-col-12"></div>
</div>
</div>
</div>
</div>
<div
className="px-4 sm:px-6 lg:px-8"
hidden={!documents.length || loading}
>
<div className="sm:flex sm:items-center mt-10"> <div className="sm:flex sm:items-center mt-10">
<div className="sm:flex-auto"> <div className="sm:flex-auto">
<header> <header>
@ -111,8 +91,31 @@ const DocumentsPage: NextPageWithLayout = (req, res) => {
</button> </button>
</div> </div>
</div> </div>
<div className="mt-8 flex flex-col"> <div className="mt-10 max-w-[1100px]" hidden={!loading}>
<div className="-my-2 -mx-4 overflow-x-auto sm:-mx-6 lg:-mx-8"> <div className="ph-item">
<div className="ph-col-12">
<div className="ph-picture"></div>
<div className="ph-row">
<div className="ph-col-6 big"></div>
<div className="ph-col-4 empty big"></div>
<div className="ph-col-2 big"></div>
<div className="ph-col-4"></div>
<div className="ph-col-8 empty"></div>
<div className="ph-col-6"></div>
<div className="ph-col-6 empty"></div>
<div className="ph-col-12"></div>
</div>
</div>
</div>
</div>
<div
className="mt-8 flex flex-col"
hidden={!documents.length || loading}
>
<div
className="-my-2 -mx-4 overflow-x-auto sm:-mx-6 lg:-mx-8"
hidden={!documents.length || loading}
>
<div className="inline-block min-w-full py-2 align-middle md:px-6 lg:px-8"> <div className="inline-block min-w-full py-2 align-middle md:px-6 lg:px-8">
<div className="overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg"> <div className="overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg">
<table className="min-w-full divide-y divide-gray-300"> <table className="min-w-full divide-y divide-gray-300">