chore: fix border color

This commit is contained in:
iamsivin
2024-12-09 21:53:20 +05:30
parent 6a986224cf
commit a19610a23b
7 changed files with 7 additions and 7 deletions
@@ -3,7 +3,7 @@
}
.tabs--container--with-border {
@apply border-b border-n-weak/50 dark:border-n-weak/50;
@apply border-b border-n-weak dark:border-n-weak;
}
.tabs {
@@ -782,7 +782,7 @@ watch(conversationFilters, (newVal, oldVal) => {
<template>
<div
class="flex flex-col flex-shrink-0 border-r conversations-list-wrap rtl:border-r-0 rtl:border-l border-n-weak/50 dark:border-n-weak/50"
class="flex flex-col flex-shrink-0 border-r conversations-list-wrap rtl:border-r-0 rtl:border-l border-n-weak dark:border-n-weak"
:class="[
{ hidden: !showConversationList },
isOnExpandedLayout ? 'basis-full' : 'flex-basis-clamp',
@@ -71,7 +71,7 @@ export default {
<template>
<div
class="flex flex-col justify-between w-16 h-full border-r bg-n-solid-2 dark:bg-n-solid-2 dark:border-n-weak border-n-weak/50 rtl:border-l rtl:border-r-0"
class="flex flex-col justify-between w-16 h-full border-r bg-n-solid-2 dark:bg-n-solid-2 dark:border-n-weak border-n-weak rtl:border-l rtl:border-r-0"
>
<div class="flex flex-col items-center">
<Logo
@@ -241,7 +241,7 @@ export default {
<template>
<div
class="flex flex-col w-48 h-full px-2 pb-8 overflow-auto text-sm border-r bg-n-solid-2 dark:bg-n-solid-2 dark:border-n-weak/50 border-n-weak/50 rtl:border-r-0 rtl:border-l"
class="flex flex-col w-48 h-full px-2 pb-8 overflow-auto text-sm border-r bg-n-solid-2 dark:bg-n-solid-2 dark:border-n-weak border-n-weak rtl:border-r-0 rtl:border-l"
>
<AccountContext @toggle-accounts="toggleAccountModal" />
<transition-group
@@ -112,7 +112,7 @@ export default {
<woot-tabs
v-if="dashboardApps.length && currentChat.id"
:index="activeIndex"
class="-mt-px bg-n-background !border-n-weak/50 dashboard-app--tabs"
class="-mt-px bg-n-background !border-n-weak dashboard-app--tabs"
@change="onDashboardAppTabChange"
>
<woot-tabs-item
@@ -130,7 +130,7 @@ export default {
<template>
<div
class="flex flex-col items-center justify-between px-4 py-2 border-b bg-n-background border-n-weak/50 dark:border-n-background/50 md:flex-row"
class="flex flex-col items-center justify-between px-4 py-2 border-b bg-n-background border-n-weak dark:border-n-background/50 md:flex-row"
>
<div
class="flex flex-col items-center justify-center flex-1 w-full min-w-0"
@@ -93,7 +93,7 @@ onMounted(() => {
<template>
<div
class="overflow-y-auto bg-white border-l dark:bg-slate-900 text-slate-900 dark:text-slate-300 border-n-weak/50 dark:border-n-weak/50 rtl:border-l-0 rtl:border-r contact--panel"
class="overflow-y-auto bg-white border-l dark:bg-slate-900 text-slate-900 dark:text-slate-300 border-n-weak dark:border-n-weak rtl:border-l-0 rtl:border-r contact--panel"
>
<ContactInfo
:contact="contact"