bitinflow/ui
1
0
Fork 0
mirror of https://github.com/bitinflow/ui.git synced 2026-03-13 13:45:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
René Preuß
2023-02-17 19:57:37 +01:00
commit 23eae8b651
37 changed files with 6370 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
playground/app.vue Normal file
View File

@@ -0,0 +1,103 @@
<template>
<bitinflow-floating-banner />
<bitinflow-first-level-menu>
<template #top>
<bitinflow-first-level-link icon="fa-home">
Home
</bitinflow-first-level-link>
<bitinflow-first-level-link icon="fa-location-dot">
Pull Zones
</bitinflow-first-level-link>
<bitinflow-first-level-link icon="fa-bucket">
Buckets
</bitinflow-first-level-link>
<bitinflow-first-level-link icon="fa-meteor">
Spaces
</bitinflow-first-level-link>
<bitinflow-first-level-link icon="fa-globe">
Domains
</bitinflow-first-level-link>
<bitinflow-first-level-link icon="fa-list">
Zones
</bitinflow-first-level-link>
</template>
<template #bottom>
<bitinflow-first-level-link icon="fa-wallet">
Billing
</bitinflow-first-level-link>
<bitinflow-first-level-link icon="fa-fingerprint">
Account
</bitinflow-first-level-link>
<bitinflow-first-level-link icon="fa-arrow-right-from-bracket">
Logout
</bitinflow-first-level-link>
</template>
<bitinflow-second-level-menu>
<template #title>
Domains
</template>
<bitinflow-second-level-link icon="fa-globe">
example.com
</bitinflow-second-level-link>
<bitinflow-second-level-link icon="fa-globe">
example.com
</bitinflow-second-level-link>
<bitinflow-second-level-link icon="fa-globe">
example.com
</bitinflow-second-level-link>
<bitinflow-second-level-link icon="fa-globe">
example.com
</bitinflow-second-level-link>
</bitinflow-second-level-menu>
<bitinflow-flex-auto>
<bitinflow-screen-scroll-container>
<bitinflow-third-level-menu>
<template #title>
Test
</template>
</bitinflow-third-level-menu>
<bitinflow-container>
<bitinflow-hero-card>
<div class="text-3xl">
Yeet!
</div>
</bitinflow-hero-card>
<bitinflow-card>
<bitinflow-card-header>Test</bitinflow-card-header>
<bitinflow-card-body>Test</bitinflow-card-body>
</bitinflow-card>
<bitinflow-card>
<bitinflow-card-header>Test</bitinflow-card-header>
<bitinflow-card-body>Test</bitinflow-card-body>
</bitinflow-card>
</bitinflow-container>
</bitinflow-screen-scroll-container>
</bitinflow-flex-auto>
</bitinflow-first-level-menu>
</template>
<script>
export default {
setup() {
useMenu({
thirdLevelLinks: [
{
name: 'Test',
icon: 'fa-star',
to: 'test'
}
]
})
},
methods: {
toggleDarkMode() {
document.body.classList.toggle('dark')
}
}
}
</script>

22
playground/nuxt.config.ts Normal file
View File

@@ -0,0 +1,22 @@
export default defineNuxtConfig({
modules: [
'../src/module',
'@pinia/nuxt',
],
ui: {},
app: {
head: {
title: 'My App',
link: [
{rel: 'stylesheet', href: 'https://cdn.bitinflow.com/fontawesome/6.2.0/css/all.min.css'}
],
script: [
{src: 'https://cdn.tailwindcss.com'},
{src: '/tailwind.js'}
],
bodyAttrs: {
class: 'bg-zinc-900'
},
},
},
})

4
playground/package.json Normal file
View File

@@ -0,0 +1,4 @@
{
"private": true,
"name": "my-module-playground"
}

30
playground/public/tailwind.js Normal file
View File

@@ -0,0 +1,30 @@
tailwind.config = {
theme: {
extend: {
colors: {
primary: {
DEFAULT: '#00BFA5',
'50': '#A6FFF3',
'100': '#8CFFEF',
'200': '#59FFE8',
'300': '#26FFE1',
'400': '#00F2D1',
'500': '#00BFA5',
'600': '#00917D',
'700': '#006356',
'800': '#00352E',
'900': '#000706'
},
base: {
DEFAULT: '#070709',
'500': '#3a3a3d',
'600': '#26262c',
'700': '#1f1f23',
'800': '#18181b',
'900': '#0e0e10'
},
}
}
}
}
console.log('tailwidn')