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

feat(projects): refactor theme drawer with tabbed layout for better UX.

Browse Source
This commit is contained in:
Azir
2025-06-14 19:54:43 +08:00
committed by Soybean
parent e89b86ce56
commit 8ba71a0857
19 changed files with 739 additions and 418 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

@@ -68,11 +68,11 @@ function handleChangeMode(mode: UnionKey.ThemeLayoutMode) {
</script>
<template>
<div class="flex-center flex-wrap gap-x-32px gap-y-16px">
<div class="grid grid-cols-3 gap-x-32px gap-y-16px">
<div
v-for="(item, key) in layoutConfig"
:key="key"
class="flex cursor-pointer border-2px rounded-6px hover:border-primary"
class="flex-center cursor-pointer border-2px rounded-6px hover:border-primary"
:class="[mode === key ? 'border-primary' : 'border-transparent']"
@click="handleChangeMode(key)"
>