Final few components

This commit is contained in:
Jai A
2023-03-14 14:22:50 -07:00
parent f5cbe0c4fe
commit dcc2a5afe0
12 changed files with 408 additions and 2 deletions

View File

@@ -22,6 +22,8 @@ export default {
{ text: 'Card', link: '/components/card' },
{ text: 'Checkbox', link: '/components/checkbox' },
{ text: 'Chips', link: '/components/chips' },
{ text: 'File Input', link: '/components/file-input' },
{ text: 'Drop Area', link: '/components/drop-area' },
{ text: 'Icons', link: '/components/icons' },
{ text: 'Pagination', link: '/components/pagination' },
{ text: 'Project Card', link: '/components/project-card' },
@@ -31,6 +33,7 @@ export default {
{ text: 'Text Logo', link: '/components/text-logo' },
{ text: 'Slider', link: '/components/slider' },
{ text: 'Text Inputs', link: '/components/text-inputs' },
{ text: 'Search Filter', link: '/components/search-filter' },
],
},
],

View File

@@ -1,5 +1,5 @@
<template>
<div class="demo bg-raised radius-lg padding-md"><slot /></div>
<div class="demo"><slot /></div>
</template>
<script>
@@ -8,8 +8,11 @@ export default {}
<style lang="scss" scoped>
.demo {
background: var(--color-raised-bg);
border: 1px solid var(--color-button-bg);
border-radius: var(--gap-lg);
display: flex;
padding: var(--gap-md);
gap: var(--gap-md);
align-items: center;
flex-wrap: wrap;