From 35d88a11e15a8299dc618e7fe53902528ffa031f Mon Sep 17 00:00:00 2001 From: Eirene Date: Sun, 28 Jan 2024 16:22:37 +0800 Subject: [PATCH] ui: Table under map with status of devices, last time updated --- .../src/lib/client/components/table.svelte | 141 ++++++++++++------ apps/front/src/routes/+page.svelte | 8 +- apps/front/tailwind.config.js | 7 +- 3 files changed, 105 insertions(+), 51 deletions(-) diff --git a/apps/front/src/lib/client/components/table.svelte b/apps/front/src/lib/client/components/table.svelte index cc9da58..4fcd0a4 100644 --- a/apps/front/src/lib/client/components/table.svelte +++ b/apps/front/src/lib/client/components/table.svelte @@ -6,13 +6,13 @@ export let deleteLink = '' -
-
-
-

{title}

-

{description}

-
- {#if addLink} + +
+
+

{title}

+

{description}

+
+ {#if addLink}
@@ -21,45 +21,94 @@ Add
- {/if} -
-
-
-
-
- - - - - - - - - - - - {#each {length: 10} as item} - - - - - - - - {/each} - -
NameTitleEmailRole - Edit -
Lindsay WaltonFront-end Developerlindsay.walton@example.comMember - Edit, Lindsay Walton - {#if deleteLink} - - {/if} -
+ + {deleteLink} + {/if} +
+
+
+
+ + + + + + + + + + + {#each {length: 1} as item, index} + + + + + + + + + + + + + + + + + + + + + + + + + {/each} + + +
#LocationStatusLast Updated
+ #{index} + Block 1 + +
+ #{index+1} + Block 2 + +
+ #{index+2} + Block 3 + +
+ #{index+3} + Block 4 + +
+ +
+
+ Previous + Next +
+
-
+
\ No newline at end of file diff --git a/apps/front/src/routes/+page.svelte b/apps/front/src/routes/+page.svelte index 0713c9a..c606bff 100644 --- a/apps/front/src/routes/+page.svelte +++ b/apps/front/src/routes/+page.svelte @@ -2,7 +2,7 @@ import Table from '$lib/client/components/table.svelte'; -
+
  • @@ -94,9 +94,9 @@
    - Map example + Map example
      -
    • +
    • @@ -104,7 +104,7 @@
      • -
    • +
    • diff --git a/apps/front/tailwind.config.js b/apps/front/tailwind.config.js index 8d38e1d..ee2b01b 100644 --- a/apps/front/tailwind.config.js +++ b/apps/front/tailwind.config.js @@ -2,7 +2,12 @@ export default { content: ['./src/**/*.{html,js,svelte,ts}'], theme: { - extend: {}, + extend: { + brightness: { + 80: '.80', + 85: '0.85', + } + }, }, plugins: [require('@tailwindcss/forms'),], }