fix: remove unused TestView component and update style.css
This commit is contained in:
parent
3ad1f8fe27
commit
4d4edd92ec
@ -1145,10 +1145,6 @@ body {
|
|||||||
margin: 0.875rem;
|
margin: 0.875rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.m-auto {
|
|
||||||
margin: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.-mx-1 {
|
.-mx-1 {
|
||||||
margin-left: -0.25rem;
|
margin-left: -0.25rem;
|
||||||
margin-right: -0.25rem;
|
margin-right: -0.25rem;
|
||||||
@ -2622,11 +2618,6 @@ body {
|
|||||||
background-color: rgb(255 204 204 / var(--tw-bg-opacity));
|
background-color: rgb(255 204 204 / var(--tw-bg-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.bg-red-300 {
|
|
||||||
--tw-bg-opacity: 1;
|
|
||||||
background-color: rgb(255 102 102 / var(--tw-bg-opacity));
|
|
||||||
}
|
|
||||||
|
|
||||||
.bg-red-300\/10 {
|
.bg-red-300\/10 {
|
||||||
background-color: rgb(255 102 102 / 0.1);
|
background-color: rgb(255 102 102 / 0.1);
|
||||||
}
|
}
|
||||||
|
@ -1,7 +1,6 @@
|
|||||||
import { createRouter, createWebHistory, type RouteRecordRaw } from 'vue-router'
|
import { createRouter, createWebHistory, type RouteRecordRaw } from 'vue-router'
|
||||||
import { useAuthStore } from '@/stores/auth'
|
import { useAuthStore } from '@/stores/auth'
|
||||||
import HomeView from '@/views/HomeView.vue'
|
import HomeView from '@/views/HomeView.vue'
|
||||||
import TestView from '@/views/TestView.vue'
|
|
||||||
import LoginView from '@/views/LoginView.vue'
|
import LoginView from '@/views/LoginView.vue'
|
||||||
import NotFoundView from '@/views/NotFoundView.vue'
|
import NotFoundView from '@/views/NotFoundView.vue'
|
||||||
import WelcomePage from '@/components/Pages/Welcome.vue'
|
import WelcomePage from '@/components/Pages/Welcome.vue'
|
||||||
@ -696,11 +695,6 @@ export const routes: RouteRecordRaw[] = [
|
|||||||
name: 'Login',
|
name: 'Login',
|
||||||
component: LoginView
|
component: LoginView
|
||||||
},
|
},
|
||||||
{
|
|
||||||
path: '/playground',
|
|
||||||
name: 'Playground',
|
|
||||||
component: TestView
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
path: '/404',
|
path: '/404',
|
||||||
name: 'Not Found',
|
name: 'Not Found',
|
||||||
|
@ -1,33 +0,0 @@
|
|||||||
<script setup lang="ts">
|
|
||||||
import { RichSelect } from '@flavorly/vanilla-components'
|
|
||||||
import { ref } from 'vue'
|
|
||||||
const value = ref('Option 1')
|
|
||||||
|
|
||||||
const options = [
|
|
||||||
{ value: 'Option 1', text: 'One Option' },
|
|
||||||
{ value: 'Option 2', text: 'Two Options' },
|
|
||||||
{ value: [{ anotherObject: true, nested: 'deep' }], text: 'Complex Object' },
|
|
||||||
{
|
|
||||||
value: 'seprator',
|
|
||||||
text: 'A sperator can be usefull',
|
|
||||||
children: [
|
|
||||||
{ value: 'Option 4', text: '4th Option' },
|
|
||||||
{ value: 'Option 5', text: '5th Option' }
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div class="container bg-red-300 m-auto p-5">
|
|
||||||
<div class="w-full">
|
|
||||||
<RichSelect
|
|
||||||
v-model="value"
|
|
||||||
name="test"
|
|
||||||
:options="options"
|
|
||||||
:clearable="true"
|
|
||||||
placeholder="Please select an option"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
Loading…
x
Reference in New Issue
Block a user