|
|
|
@ -76,12 +76,40 @@ export default {
|
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="flex-1" /> |
|
|
|
|
<a-tooltip placement="bottom"> |
|
|
|
|
<template #title> Switch language</template> |
|
|
|
|
|
|
|
|
|
<LazyGeneralLanguage class="nc-lang-btn" /> |
|
|
|
|
</a-tooltip> |
|
|
|
|
</a-layout-header> |
|
|
|
|
|
|
|
|
|
<div class="w-full overflow-hidden" style="height: calc(100vh)"> |
|
|
|
|
<div class="w-full overflow-scroll" style="height: calc(100vh)"> |
|
|
|
|
<slot /> |
|
|
|
|
</div> |
|
|
|
|
</a-layout> |
|
|
|
|
</a-layout> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<style lang="scss"> |
|
|
|
|
.nc-lang-btn { |
|
|
|
|
@apply color-transition flex items-center justify-center fixed bottom-10 right-10 z-99 w-12 h-12 rounded-full shadow-md shadow-gray-500 p-2 !bg-primary text-white ring-opacity-100 active:(ring ring-accent) hover:(ring ring-accent); |
|
|
|
|
|
|
|
|
|
&::after { |
|
|
|
|
@apply rounded-full absolute top-0 left-0 right-0 bottom-0 transition-all duration-150 ease-in-out bg-primary; |
|
|
|
|
content: ''; |
|
|
|
|
z-index: -1; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
&:hover::after { |
|
|
|
|
@apply transform scale-110 ring ring-accent ring-opacity-100; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
&:active::after { |
|
|
|
|
@apply ring ring-accent ring-opacity-100; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.nc-navbar { |
|
|
|
|
@apply flex !bg-white items-center !pl-2 !pr-5; |
|
|
|
|
} |
|
|
|
|
</style> |