bichangxiong/ruoyi-plus-vben5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: update css

Browse Source
This commit is contained in:
vben
2024-06-23 14:21:27 +08:00
parent 6f0c05dd50
commit 26b8c6ef27
49 changed files with 401 additions and 920 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/business/universal-ui/src/preferences/blocks/layout/footer.vue
View File

@@ -13,9 +13,9 @@ const footerFixed = defineModel<boolean>('footerFixed');
<template>
<SwitchItem v-model="footerEnable">
{{ $t('preferences.footer-visible') }}
{{ $t('preferences.footer.visible') }}
</SwitchItem>
<SwitchItem v-model="footerFixed" :disabled="!footerEnable">
{{ $t('preferences.footer-fixed') }}
{{ $t('preferences.footer.fixed') }}
</SwitchItem>
</template>

8
packages/business/universal-ui/src/preferences/blocks/layout/header.vue
View File

@@ -17,19 +17,19 @@ const headerMode = defineModel<LayoutHeaderModeType>('headerMode');
const localeItems: SelectListItem[] = [
{
label: $t('preferences.header-mode-static'),
label: $t('preferences.header.mode-static'),
value: 'static',
},
{
label: $t('preferences.header-mode-fixed'),
label: $t('preferences.header.mode-fixed'),
value: 'fixed',
},
{
label: $t('preferences.header-mode-auto'),
label: $t('preferences.header.mode-auto'),
value: 'auto',
},
{
label: $t('preferences.header-mode-auto-scroll'),
label: $t('preferences.header.mode-auto-scroll'),
value: 'auto-scroll',
},
];

4
packages/business/universal-ui/src/preferences/blocks/theme/color.vue
View File

@@ -70,12 +70,12 @@ watchEffect(() => {
>
<div
:style="{ backgroundColor: color }"
class="h-6 w-6 rounded-md"
class="h-5 w-5 rounded-md"
></div>
</div>
</template>
<div :style="inputStyle" class="outline-box p-2" @click="selectColor">
<div class="flex-center bg-accent relative h-6 w-6 rounded-md">
<div class="flex-center bg-accent relative h-5 w-5 rounded-md">
<MdiEditBoxOutline class="absolute z-10" />
<input
ref="colorInput"

2
packages/business/universal-ui/src/preferences/icons/content-compact.vue
View File

@@ -20,7 +20,7 @@
/>
<rect
id="svg_8"
fill="hsl(var(--color-primary))"
fill="hsl(var(--primary))"
height="9.07027"
stroke="null"
width="104.07934"

2
packages/business/universal-ui/src/preferences/icons/header-nav.vue
View File

@@ -20,7 +20,7 @@
/>
<rect
id="svg_8"
fill="hsl(var(--color-primary))"
fill="hsl(var(--primary))"
height="9.07027"
stroke="null"
width="104.07934"

2
packages/business/universal-ui/src/preferences/icons/mixed-nav.vue
View File

@@ -20,7 +20,7 @@
/>
<rect
id="svg_8"
fill="hsl(var(--color-primary))"
fill="hsl(var(--primary))"
height="9.07027"
stroke="null"
width="104.07934"

2
packages/business/universal-ui/src/preferences/icons/sidebar-mixed-nav.vue
View File

@@ -21,7 +21,7 @@
<path
id="svg_2"
d="m-3.37838,3.7543a1.93401,4.02457 0 0 1 1.93401,-4.02457l11.3488,0l0,66.40541l-11.3488,0a1.93401,4.02457 0 0 1 -1.93401,-4.02457l0,-58.35627z"
fill="hsl(var(--color-primary))"
fill="hsl(var(--primary))"
stroke="null"
/>
<rect

2
packages/business/universal-ui/src/preferences/icons/sidebar-nav.vue
View File

@@ -19,7 +19,7 @@
<path
id="svg_2"
d="m-3.37838,3.61916a4.4919,4.02457 0 0 1 4.4919,-4.02457l26.35848,0l0,66.40541l-26.35848,0a4.4919,4.02457 0 0 1 -4.4919,-4.02457l0,-58.35627z"
fill="hsl(var(--color-primary))"
fill="hsl(var(--primary))"
stroke="null"
/>
<rect

14
packages/business/universal-ui/src/preferences/preferences.vue
View File

@@ -12,7 +12,7 @@ import type {
} from '@vben-core/preferences';
import type { SegmentedItem } from '@vben-core/shadcn-ui';
import { computed } from 'vue';
import { computed, ref } from 'vue';
import { $t } from '@vben/locales';
import { IcRoundFolderCopy, IcRoundRestartAlt } from '@vben-core/iconify';
@@ -124,6 +124,8 @@ const {
} = usePreferences();
const { copy } = useClipboard();
const activeTab = ref('general');
const tabs = computed((): SegmentedItem[] => {
return [
{
@@ -176,8 +178,8 @@ function handleReset() {
<div class="z-100 fixed right-0 top-1/2">
<VbenSheet
v-model:open="openPreferences"
:description="$t('preferences.preferences-subtitle')"
:title="$t('preferences.preferences')"
:description="$t('preferences.subtitle')"
:title="$t('preferences.name')"
>
<template #trigger>
<Trigger />
@@ -197,7 +199,7 @@ function handleReset() {
</template>
<div class="p-4 pt-4">
<VbenSegmented :tabs="tabs" default-value="general">
<VbenSegmented v-model="activeTab" :tabs="tabs">
<template #appearance>
<Block :title="$t('preferences.theme')">
<Theme
@@ -235,7 +237,7 @@ function handleReset() {
/>
</Block>
<Block :title="$t('preferences.header')">
<Block :title="$t('preferences.header.name')">
<Header
v-model:headerEnable="headerEnable"
v-model:headerMode="headerMode"
@@ -272,7 +274,7 @@ function handleReset() {
v-model:tabbar-show-icon="tabbarShowIcon"
/>
</Block>
<Block :title="$t('preferences.footer')">
<Block :title="$t('preferences.footer.name')">
<Footer
v-model:footer-enable="footerEnable"
v-model:footer-fixed="footerFixed"

2
packages/business/universal-ui/src/preferences/trigger.vue
View File

@@ -11,7 +11,7 @@ defineOptions({
<template>
<VbenButton
:title="$t('preferences.preferences')"
:title="$t('preferences.name')"
class="bg-primary flex-col-center h-12 w-12 cursor-pointer rounded-l-lg rounded-r-none border-none"
>
<IconSetting class="duration-3000 animate-spin text-2xl" />