fix(ui): minor UI changes

frappe · Nov 5, 2024 · 3e7bbd8 · 3e7bbd8
1 parent f633ff4
commit 3e7bbd8
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 15 deletions.
diff --git a/desk/src/components/ViewControls.vue b/desk/src/components/ViewControls.vue
@@ -63,7 +63,6 @@
       </div>
     </FadedScrollableDiv>
     <div class="grow"></div>
-    <div class="-ml-2 h-[70%] border-l" />
 
     <div class="flex items-center gap-2">
       <Button :label="'Refresh'" @click="emit('event:reload')">

diff --git a/desk/src/components/layouts/Sidebar.vue b/desk/src/components/layouts/Sidebar.vue
@@ -24,8 +24,8 @@
     </SidebarLink>
     <div class="mb-4" v-if="!isCustomerPortal">
       <div
-        v-if="notificationStore.unread"
-        class="absolute z-20 h-1.5 w-1.5 translate-x-6 translate-y-1 rounded-full bg-blue-400"
+        v-if="!notificationStore.unread"
+        class="absolute z-20 h-1.5 w-1.5 translate-x-6 translate-y-1 rounded-full bg-blue-400 left-1"
         theme="gray"
         variant="solid"
       />
@@ -37,12 +37,7 @@
         :is-expanded="isExpanded"
       >
         <template #right>
-          <Badge
-            v-if="isExpanded && notificationStore.unread"
-            :label="notificationStore.unread"
-            theme="gray"
-            variant="subtle"
-          />
+          <Badge label="20" theme="gray" variant="subtle" />
         </template>
       </SidebarLink>
     </div>

diff --git a/desk/src/pages/TicketNew.vue b/desk/src/pages/TicketNew.vue
@@ -28,12 +28,17 @@
       </div>
       <!-- existing fields -->
       <div class="flex flex-col" :class="subject.length >= 2 && 'gap-5'">
-        <FormControl
-          v-model="subject"
-          type="text"
-          label="Subject*"
-          placeholder="A short description"
-        />
+        <div class="flex flex-col gap-2">
+          <span class="block text-sm text-gray-700">
+            Subject
+            <span class="place-self-center text-red-500"> * </span>
+          </span>
+          <FormControl
+            v-model="subject"
+            type="text"
+            placeholder="A short description"
+          />
+        </div>
         <TicketNewArticles v-if="isCustomerPortal" :search="subject" />
         <div v-if="isCustomerPortal">
           <h4