feat: Dark Mode (#7471)

This commit is contained in:
Sivin Varghese
2023-07-21 22:10:25 +05:30
committed by GitHub
parent 480f34803b
commit 40ec0d109a
264 changed files with 2935 additions and 6817 deletions

View File

@@ -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>