fix: Chat list tab styles (#9960)

2024-08-14 18:33:14 +05:30
parent 06a362318c
commit 4310a547ca
2 changed files with 15 additions and 12 deletions
--- a/app/javascript/dashboard/components/widgets/ChatTypeTabs.vue
+++ b/app/javascript/dashboard/components/widgets/ChatTypeTabs.vue
@@ -44,7 +44,11 @@ useKeyboardEvents(keyboardEvents, chatTypeTabsRef);

 <template>
  <div ref="chatTypeTabsRef">
-    <woot-tabs :index="activeTabIndex" @change="onTabChange">
+    <woot-tabs
+      :index="activeTabIndex"
+      class="tab--chat-type py-0 px-4 w-full"
+      @change="onTabChange"
+    >
      <woot-tabs-item
        v-for="item in items"
        :key="item.key"
@@ -54,3 +58,13 @@ useKeyboardEvents(keyboardEvents, chatTypeTabsRef);
    </woot-tabs>
  </div>
 </template>
+
+<style scoped lang="scss">
+.tab--chat-type {
+  ::v-deep {
+    .tabs {
+      @apply p-0;
+    }
+  }
+}
+</style>