Updated the tab system on the instance screen (#349)

This commit is contained in:
Brewhouse Digital 2023-12-23 10:54:41 -06:00 committed by GitHub
parent 256cff9fde
commit f434c07ae0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 31 additions and 14 deletions

View File

@ -27,7 +27,7 @@
"chart.js": "4.4.0",
"d3-scale": "^4.0.2",
"d3-scale-chromatic": "^3.0.0",
"daisyui": "^3.8.1",
"daisyui": "^4.4.23",
"date-fns": "^2.30.0",
"highlight.js": "^11.8.0",
"pocketbase": "^0.19.0",

View File

@ -64,26 +64,26 @@
/>
{/if}
<div role="tablist" class="tabs tabs-boxed">
<div role="tablist" class="tabs tabs-bordered gap-4 mb-4 p-4">
<a
role="tab"
class="tab {$page.url.pathname.endsWith(id) ? `tab-active` : ``}"
href="/app/instances/{id}">Overview</a
class="tab h-auto md:h-8 flex gap-2 font-bold {$page.url.pathname.endsWith(id) ? `tab-active` : ``}"
href="/app/instances/{id}"><i class="fa-light fa-sparkles"></i> Overview</a
>
<a
role="tab"
class="tab {$page.url.pathname.endsWith(`logs`) ? `tab-active` : ``}"
href="/app/instances/{id}/logs">Logs</a
class="tab h-auto md:h-8 flex gap-2 font-bold {$page.url.pathname.endsWith(`logs`) ? `tab-active` : ``}"
href="/app/instances/{id}/logs"><i class="fa-light fa-terminal"></i> Logs</a
>
<a
role="tab"
class="tab {$page.url.pathname.endsWith(`secrets`) ? `tab-active` : ``}"
href="/app/instances/{id}/secrets">Secrets</a
class="tab h-auto md:h-8 flex gap-2 font-bold {$page.url.pathname.endsWith(`secrets`) ? `tab-active` : ``}"
href="/app/instances/{id}/secrets"><i class="fa-light fa-shield"></i> Secrets</a
>
<a
role="tab"
class="tab {$page.url.pathname.endsWith(`settings`) ? `tab-active` : ``}"
href="/app/instances/{id}/settings">Settings</a
class="tab h-auto md:h-8 flex gap-2 font-bold {$page.url.pathname.endsWith(`settings`) ? `tab-active` : ``}"
href="/app/instances/{id}/settings"><i class="fa-light fa-gear"></i> Settings</a
>
</div>

View File

@ -11,7 +11,7 @@ module.exports = {
{
// Custom theme definitions
dark: {
...require('daisyui/src/theming/themes')['[data-theme=dark]'],
...require('daisyui/src/theming/themes')['dark'],
primary: '#1eb854',
secondary: '#1db990',
'base-content': '#ffffff',
@ -20,7 +20,7 @@ module.exports = {
{
// Custom theme definitions
light: {
...require('daisyui/src/theming/themes')['[data-theme=light]'],
...require('daisyui/src/theming/themes')['light'],
primary: '#1eb854',
secondary: '#1db990',
'base-content': '#222',

21
pnpm-lock.yaml generated
View File

@ -253,8 +253,8 @@ importers:
specifier: ^3.0.0
version: 3.0.0
daisyui:
specifier: ^3.8.1
version: 3.9.4
specifier: ^4.4.23
version: 4.4.23(postcss@8.4.31)
date-fns:
specifier: ^2.30.0
version: 2.30.0
@ -2492,6 +2492,11 @@ packages:
engines: {node: '>=4'}
hasBin: true
/culori@3.3.0:
resolution: {integrity: sha512-pHJg+jbuFsCjz9iclQBqyL3B2HLCBF71BwVNujUYEvCeQMvV97R59MNK3R2+jgJ3a1fcZgI9B3vYgz8lzr/BFQ==}
engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
dev: true
/d3-array@3.2.4:
resolution: {integrity: sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==}
engines: {node: '>=12'}
@ -2561,6 +2566,18 @@ packages:
transitivePeerDependencies:
- ts-node
/daisyui@4.4.23(postcss@8.4.31):
resolution: {integrity: sha512-IFQRGoGoAke8chxPcDqQJFldVVd51JL7b4mRA3LqsLexW/6xicZzz9X3GXdGdnYsu8QPxZN4uzQZ5fwRNYXOSg==}
engines: {node: '>=16.9.0'}
dependencies:
css-selector-tokenizer: 0.8.0
culori: 3.3.0
picocolors: 1.0.0
postcss-js: 4.0.1(postcss@8.4.31)
transitivePeerDependencies:
- postcss
dev: true
/data-uri-to-buffer@4.0.1:
resolution: {integrity: sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A==}
engines: {node: '>= 12'}