bf1942/soybean-admin
1
0
Fork 0
mirror of https://github.com/soybeanjs/soybean-admin.git synced 2025-12-26 06:40:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore(projects): add unocss eslint config

Browse Source
This commit is contained in:
Soybean
2024-03-03 10:32:00 +08:00
parent b4c00ce199
commit 4063529a25
34 changed files with 165 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/layouts/modules/theme-drawer/components/layout-mode-card.vue
View File

@@ -72,14 +72,14 @@ function handleChangeMode(mode: UnionKey.ThemeLayoutMode) {
<div
v-for="(item, key) in layoutConfig"
:key="key"
class="flex border-2px rounded-6px cursor-pointer hover:border-primary"
class="flex cursor-pointer border-2px rounded-6px hover:border-primary"
:class="[mode === key ? 'border-primary' : 'border-transparent']"
@click="handleChangeMode(key)"
>
<NTooltip :placement="item.placement">
<template #trigger>
<div
class="gap-6px w-96px h-64px p-6px rd-4px shadow dark:shadow-coolGray-5"
class="h-64px w-96px gap-6px rd-4px p-6px shadow dark:shadow-coolGray-5"
:class="[key.includes('vertical') ? 'flex' : 'flex-vertical']"
>
<slot :name="key"></slot>

4
src/layouts/modules/theme-drawer/components/setting-item.vue
View File

@@ -12,9 +12,9 @@ defineProps<Props>();
</script>
<template>
<div class="flex-y-center justify-between w-full">
<div class="w-full flex-y-center justify-between">
<div>
<span class="text-base_text pr-8px">{{ label }}</span>
<span class="pr-8px text-base_text">{{ label }}</span>
<slot name="suffix"></slot>
</div>
<slot></slot>

2
src/layouts/modules/theme-drawer/modules/config-operation.vue
View File

@@ -46,7 +46,7 @@ onMounted(() => {
</script>
<template>
<div class="flex justify-between w-full">
<div class="w-full flex justify-between">
<textarea id="themeConfigCopyTarget" v-model="dataClipboardText" class="absolute opacity-0 -z-1" />
<NButton type="error" ghost @click="handleReset">{{ $t('theme.configOperation.resetConfig') }}</NButton>
<div ref="domRef" data-clipboard-target="#themeConfigCopyTarget">

6
src/layouts/modules/theme-drawer/modules/layout-mode.vue
View File

@@ -16,15 +16,15 @@ const themeStore = useThemeStore();
<NDivider>{{ $t('theme.layoutMode.title') }}</NDivider>
<LayoutModeCard v-model:mode="themeStore.layout.mode" :disabled="appStore.isMobile">
<template #vertical>
<div class="layout-sider w-18px h-full"></div>
<div class="layout-sider h-full w-18px"></div>
<div class="vertical-wrapper">
<div class="layout-header"></div>
<div class="layout-main"></div>
</div>
</template>
<template #vertical-mix>
<div class="layout-sider w-8px h-full"></div>
<div class="layout-sider w-16px h-full"></div>
<div class="layout-sider h-full w-8px"></div>
<div class="layout-sider h-full w-16px"></div>
<div class="vertical-wrapper">
<div class="layout-header"></div>
<div class="layout-main"></div>