mirror of https://github.com/nocodb/nocodb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
110 lines
2.1 KiB
110 lines
2.1 KiB
@import 'ant-design-vue/dist/antd.variable.min.css'; |
|
@import 'ant-design-vue/dist/antd.min.css'; |
|
|
|
:root { |
|
--header-height: 0px; |
|
} |
|
|
|
.ant-layout-header { |
|
height: var(--header-height) !important; |
|
} |
|
|
|
html, |
|
body, |
|
#__nuxt, |
|
.ant-layout, |
|
main { |
|
@apply m-0 h-full w-full bg-white dark:(bg-black text-white); |
|
} |
|
|
|
main { |
|
@apply flex-0 w-full relative scrollbar-thin-primary; |
|
overflow-x: hidden; |
|
} |
|
|
|
nav, |
|
nav .v-list { |
|
@apply dark:(!bg-gray-900 text-white) |
|
} |
|
|
|
.v-divider { |
|
@apply dark:bg-white |
|
} |
|
|
|
.page-enter-active, |
|
.page-leave-active, |
|
.layout-enter-active, |
|
.layout-leave-active { |
|
@apply transition-opacity duration-300 ease-in-out; |
|
} |
|
|
|
.page-enter, |
|
.page-leave-active, |
|
.layout-enter, |
|
.layout-leave-active { |
|
@apply opacity-0; |
|
} |
|
|
|
.slide-enter-active, |
|
.slide-leave-active { |
|
@apply transition-all duration-200 ease-in-out; |
|
transform: translate(100%, 0); |
|
} |
|
|
|
.slide-enter, |
|
.slide-leave-active { |
|
transform: translate(-100%, 0); |
|
} |
|
|
|
a { |
|
@apply prose text-primary underline hover:opacity-75 dark:(text-secondary) hover:(opacity-75); |
|
} |
|
|
|
h1, h2, h3, h4, h5, h6, p, label, button, textarea, select { |
|
@apply dark:(!text-white); |
|
} |
|
|
|
.nc-icon { |
|
@apply color-transition; |
|
} |
|
|
|
html { |
|
overflow-y: auto !important; |
|
} |
|
|
|
|
|
// menu item styling |
|
.nc-menu-item { |
|
@apply cursor-pointer text-xs flex align-center gap-2 px-4 py-3 relative after:(content-[''] absolute top-0 left-0 w-full h-full right 0 bg-current opacity-0 transition transition-opactity duration-100) hover:(after:(opacity-5)); |
|
} |
|
|
|
.nc-sidebar-right-item { |
|
@apply relative flex items-center; |
|
|
|
&::after { |
|
@apply rounded-md absolute top-0 left-0 right-0 bottom-0 transition-all duration-150 ease-in-out; |
|
content: ''; |
|
} |
|
|
|
&:hover::after { |
|
@apply ring shadow-2xl transform scale-110; |
|
} |
|
|
|
svg { |
|
@apply z-1 text-xl p-1 text-gray-500; |
|
} |
|
} |
|
|
|
// show a dot badge if some change present |
|
.nc-badge { |
|
@apply relative after:(absolute top-[-2px] right-[-2px] w-[8px] h-[8px] rounded-full bg-primary content-[''] !z-20); |
|
} |
|
|
|
// for highlighting toolbar menu item |
|
.nc-active-btn > .ant-btn{ |
|
@apply bg-primary/20; |
|
} |
|
|
|
.ant-modal-wrap { |
|
@apply !scrollbar-thin-primary; |
|
}
|
|
|