chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

first commit

Browse source
This commit is contained in:
Net 2024-04-02 11:02:16 +07:00
commit e8ec46d19f
60 changed files with 13652 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/components/app/AppBox.vue Normal file
View file

@ -0,0 +1,23 @@
<script lang="ts" setup>
defineProps<{ dark?: boolean; bordered?: boolean }>();
</script>
<template>
<div class="app-box" :class="{ dark, 'app-box__bordered': bordered }">
<slot />
</div>
</template>
<style scoped>
.app-box {
overflow: hidden;
background-color: var(--surface-1);
border-radius: var(--radius-3);
padding: var(--size-4);
box-shadow: var(--shadow-1);
}
.app-box__bordered {
border: 1px solid var(--border-color);
}
</style>

25
src/components/app/AppCircle.vue Normal file
View file

@ -0,0 +1,25 @@
<script lang="ts" setup>
defineProps<{ bordered?: boolean; dark?: boolean }>();
</script>
<template>
<div class="app-circle" :class="{ dark, 'app-circle__bordered': bordered }">
<slot />
</div>
</template>
<style scoped>
.app-circle {
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
border-radius: var(--radius-round);
background-color: var(--surface-1);
aspect-ratio: var(--ratio-square);
}
.app-circle__bordered {
border: 1px solid var(--border-color);
}
</style>