Browse Source

chore(gui-v2): update icon styles

pull/3023/head
braks 2 years ago
parent
commit
4dbaaebd06
  1. 4
      packages/nc-gui-v2/components/smartsheet/sidebar/index.vue
  2. 5
      packages/nc-gui-v2/pages/nc/[projectId]/index.vue

4
packages/nc-gui-v2/components/smartsheet/sidebar/index.vue

@ -83,13 +83,13 @@ function onCreate(view: GridType | FormType | KanbanType | GalleryType) {
>
<MaterialSymbolsChevronRightRounded
v-if="sidebarOpen"
class="transform group-hover:(scale-110 text-pink-500) text-xl text-gray-400"
class="transform group-hover:(scale-115 text-pink-500) text-xl text-gray-400"
@click="sidebarOpen = false"
/>
<MaterialSymbolsChevronLeftRounded
v-else
class="transform group-hover:(scale-110 text-pink-500) text-xl text-gray-400"
class="transform group-hover:(scale-115 text-pink-500) text-xl text-gray-400"
@click="sidebarOpen = true"
/>
</div>

5
packages/nc-gui-v2/pages/nc/[projectId]/index.vue

@ -33,19 +33,20 @@ await loadTables()
class="relative bg-white dark:!bg-gray-800 border-r-1 border-gray-200 dark:!border-gray-600 h-full"
:trigger="null"
collapsible
theme="light"
>
<div
class="group color-transition cursor-pointer hover:ring active:ring-pink-500 z-1 flex items-center p-[1px] absolute top-9 right-[-0.75rem] shadow bg-gray-100 rounded-full"
>
<MaterialSymbolsChevronLeftRounded
v-if="isOpen"
class="transform group-hover:(scale-110 text-pink-500) text-xl text-gray-400"
class="transform group-hover:(scale-115 text-pink-500) text-xl text-gray-400"
@click="toggle(false)"
/>
<MaterialSymbolsChevronRightRounded
v-else
class="transform group-hover:(scale-110 text-pink-500) text-xl text-gray-400"
class="transform group-hover:(scale-115 text-pink-500) text-xl text-gray-400"
@click="toggle(true)"
/>
</div>

Loading…
Cancel
Save