mirror of
https://github.com/lingble/chatwoot.git
synced 2025-11-03 04:27:53 +00:00
feat: Dark Mode (#7471)
This commit is contained in:
@@ -212,50 +212,26 @@ export default {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.search-page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
@apply flex flex-col w-full bg-white dark:bg-slate-900;
|
||||
}
|
||||
.page-header {
|
||||
display: flex;
|
||||
padding: var(--space-normal);
|
||||
@apply flex p-4;
|
||||
}
|
||||
.search-root {
|
||||
margin: 0 auto;
|
||||
max-width: 45rem;
|
||||
min-height: 20rem;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: var(--space-normal);
|
||||
display: flex;
|
||||
position: relative;
|
||||
flex-direction: column;
|
||||
background: white;
|
||||
margin-top: var(--space-medium);
|
||||
@apply flex my-0 p-4 relative mx-auto max-w-[45rem] min-h-[20rem] flex-col w-full h-full bg-white dark:bg-slate-900;
|
||||
|
||||
.search-results {
|
||||
flex-grow: 1;
|
||||
height: 100%;
|
||||
overflow-y: auto;
|
||||
padding: 0 var(--space-small);
|
||||
@apply flex-grow h-full overflow-y-auto py-0 px-2;
|
||||
}
|
||||
}
|
||||
|
||||
.empty {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: var(--space-medium) var(--space-normal);
|
||||
border-radius: var(--border-radius-medium);
|
||||
margin-top: var(--space-large);
|
||||
@apply flex flex-col items-center justify-center py-6 px-4 rounded-md mt-8;
|
||||
.icon {
|
||||
color: var(--s-500);
|
||||
@apply text-slate-500 dark:text-slate-400;
|
||||
}
|
||||
.empty-state__text {
|
||||
text-align: center;
|
||||
color: var(--s-500);
|
||||
margin: var(--space-small);
|
||||
@apply text-center text-slate-500 dark:text-slate-400 m-2;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user