diff --git a/src/layouts/components/ShortcutBar.vue b/src/layouts/components/ShortcutBar.vue
index efdeaee2..e0fc76c3 100644
--- a/src/layouts/components/ShortcutBar.vue
+++ b/src/layouts/components/ShortcutBar.vue
@@ -330,6 +330,23 @@ onMounted(() => {
grid-template-columns: repeat(2, 1fr);
}
+.shortcut-icon-wrapper {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-radius: 12px;
+ background-color: rgba(var(--v-theme-primary), 0.08);
+ block-size: 48px;
+ inline-size: 48px;
+ margin-inline-end: 16px;
+ transition: all 0.3s ease;
+
+ .v-icon {
+ color: rgba(var(--v-theme-primary), 1);
+ transition: transform 0.3s ease;
+ }
+}
+
.shortcut-item {
position: relative;
z-index: 1;
@@ -377,23 +394,6 @@ onMounted(() => {
}
}
-.shortcut-icon-wrapper {
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 12px;
- background-color: rgba(var(--v-theme-primary), 0.08);
- block-size: 48px;
- inline-size: 48px;
- margin-inline-end: 16px;
- transition: all 0.3s ease;
-
- .v-icon {
- color: rgba(var(--v-theme-primary), 1);
- transition: transform 0.3s ease;
- }
-}
-
.shortcut-text {
flex: 1;
}