|
|
@@ -360,7 +360,10 @@
|
|
|
|
|
|
<section
|
|
|
class="side-card side-card--notice side-card--todo-panel rounded-md p-2"
|
|
|
- :style="{ minHeight: '190px' }"
|
|
|
+ :class="{
|
|
|
+ 'side-card--todo-panel--empty':
|
|
|
+ !oaTasks.length && userStore.getUser.username,
|
|
|
+ }"
|
|
|
>
|
|
|
<div class="side-card__header w-[91%] ml-[15px]">
|
|
|
<div class="notice-badge px-2 pb-2">{{ todoPanelTitle }}</div>
|
|
|
@@ -387,7 +390,11 @@
|
|
|
v-if="!oaTasks.length && userStore.getUser.username"
|
|
|
class="flex h-full items-center justify-center"
|
|
|
>
|
|
|
- <div class="text-[#8a9ab0] pt-10">{{ $t("common.noMsg") }}</div>
|
|
|
+ <div
|
|
|
+ class="todo-panel-empty-message text-[#8a9ab0] pt-10"
|
|
|
+ >
|
|
|
+ {{ $t("common.noMsg") }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
|
|
|
<article
|
|
|
@@ -2445,6 +2452,23 @@ onUnmounted(() => {
|
|
|
display: none;
|
|
|
}
|
|
|
|
|
|
+.side-card--todo-panel--empty {
|
|
|
+ min-height: 0 !important;
|
|
|
+ height: auto;
|
|
|
+}
|
|
|
+
|
|
|
+.side-card--todo-panel--empty > .space-y-2 {
|
|
|
+ padding-top: 8px !important;
|
|
|
+}
|
|
|
+
|
|
|
+.side-card--todo-panel--empty .todo-panel-empty-message {
|
|
|
+ padding-top: 6px !important;
|
|
|
+}
|
|
|
+
|
|
|
+.side-card--todo-panel--empty .quick-todo-bar {
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+
|
|
|
:global([data-theme="dark"] .side-card--todo-panel) {
|
|
|
min-height: 190px !important;
|
|
|
padding: 8px !important;
|
|
|
@@ -2574,6 +2598,10 @@ onUnmounted(() => {
|
|
|
display: inline-flex;
|
|
|
}
|
|
|
|
|
|
+:global([data-theme="dark"] .side-card--todo-panel--empty) {
|
|
|
+ min-height: 190px !important;
|
|
|
+}
|
|
|
+
|
|
|
.side-card__header {
|
|
|
display: flex;
|
|
|
align-items: center;
|
