dashboard draft
This commit is contained in:
parent
a5dc9b32be
commit
0e71302564
7 changed files with 54 additions and 13 deletions
17
docker-compose.yml
Normal file
17
docker-compose.yml
Normal file
|
@ -0,0 +1,17 @@
|
||||||
|
services:
|
||||||
|
mariadb:
|
||||||
|
container_name: 'file-uploader-db'
|
||||||
|
image: 'mariadb'
|
||||||
|
restart: always
|
||||||
|
environment:
|
||||||
|
MARIADB_DATABASE: file-uploader
|
||||||
|
MARIADB_ROOT_PASSWORD: file-uploader
|
||||||
|
file-uploader:
|
||||||
|
container_name: 'file-uploader'
|
||||||
|
image: file-uploader
|
||||||
|
build: .
|
||||||
|
restart: always
|
||||||
|
depends_on:
|
||||||
|
- mariadb
|
||||||
|
environment:
|
||||||
|
DATABASE_URL: mysql://root:file-uploader@mariadb:3306/file-uploader
|
|
@ -15,7 +15,7 @@
|
||||||
<div class="flex my-auto space-x-6">
|
<div class="flex my-auto space-x-6">
|
||||||
<a
|
<a
|
||||||
href="/dashboard"
|
href="/dashboard"
|
||||||
class="flex-none my-auto w-20 text-xl transition-all fill-black dark:fill-white hover:scale-105 focus:scale-105 active:scale-95"
|
class="flex-none my-auto w-20 fill-text text-xl transition-all hover:scale-105 focus:scale-105 active:scale-95"
|
||||||
>
|
>
|
||||||
<Logo></Logo>
|
<Logo></Logo>
|
||||||
</a>
|
</a>
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
viewBox="0 0 1200 628"
|
viewBox="0 0 1200 628"
|
||||||
version="1.1"
|
version="1.1"
|
||||||
id="svg1"
|
id="svg1"
|
||||||
class="transition-colors fill-text"
|
class="transition-colors fill-inherit"
|
||||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||||
xmlns:
|
xmlns:
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
|
Before Width: | Height: | Size: 291 KiB After Width: | Height: | Size: 291 KiB |
|
@ -4,8 +4,6 @@
|
||||||
|
|
||||||
import Header from '$lib/components/Header.svelte';
|
import Header from '$lib/components/Header.svelte';
|
||||||
import Footer from '$lib/components/Footer.svelte';
|
import Footer from '$lib/components/Footer.svelte';
|
||||||
|
|
||||||
let show = false;
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="container my-2 w-full min-h-screen">
|
<div class="container my-2 w-full min-h-screen">
|
||||||
|
|
|
@ -0,0 +1 @@
|
||||||
|
adminnn
|
|
@ -1,3 +1,4 @@
|
||||||
|
/** @type {import("@sveltejs/kit").Load} */
|
||||||
export function load({ locals }) {
|
export function load({ locals }) {
|
||||||
return { user: locals?.user };
|
return { user: locals?.user };
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,4 +1,6 @@
|
||||||
<script>
|
<script>
|
||||||
|
import { Upload } from 'lucide-svelte';
|
||||||
|
|
||||||
import { user } from '$lib/stores';
|
import { user } from '$lib/stores';
|
||||||
|
|
||||||
import Button from '$lib/components/Inputs/Button.svelte';
|
import Button from '$lib/components/Inputs/Button.svelte';
|
||||||
|
@ -9,12 +11,34 @@
|
||||||
user.set(data?.user);
|
user.set(data?.user);
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<p>
|
<div class="w-96 h-[calc(100vh-4.5rem)] flex flex-col gap-2 mx-auto">
|
||||||
<tt class="block whitespace-pre-wrap">
|
<div class="bg-crust w-full mx-auto mt-auto p-2 rounded-lg shadow-lg">
|
||||||
{JSON.stringify($user)}
|
<button class="w-full outline-2 outline-dotted outline-surface2 rounded-sm bg-mantle h-36 flex">
|
||||||
</tt>
|
<div class="m-auto text-lg flex text-surface2">
|
||||||
</p>
|
<Upload></Upload>
|
||||||
|
</div>
|
||||||
<Button click={() => {}} disabled={true}>
|
</button>
|
||||||
<ButtonText>help</ButtonText>
|
</div>
|
||||||
</Button>
|
<div class="bg-crust w-full mx-auto mb-auto p-2 rounded-lg shadow-lg">
|
||||||
|
<table class="table-auto w-full mx-auto text-sm">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td class="font-bold">Registered Users</td>
|
||||||
|
<td class="text-right">100</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="font-bold">Files Hosted</td>
|
||||||
|
<td class="text-right">100 Billion</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="font-bold">File Storage</td>
|
||||||
|
<td class="text-right">1 TB</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="font-bold">Max Upload Size</td>
|
||||||
|
<td class="text-right">100 MB</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue