Browse Source

refactor(gui): icon size and other requested changes

Signed-off-by: Pranav C <pranavxc@gmail.com>
pull/4630/head
Pranav C 2 years ago
parent
commit
8fe15ef4fb
  1. 1
      packages/nc-gui/app.vue
  2. 2
      packages/nc-gui/components/general/TableIcon.vue
  3. 2
      packages/nc-gui/components/general/ViewIcon.vue
  4. 2
      packages/nc-gui/components/smartsheet/expanded-form/Header.vue
  5. 2
      packages/nc-gui/components/smartsheet/toolbar/ViewInfo.vue
  6. 2
      packages/nc-gui/layouts/shared-view.vue

1
packages/nc-gui/app.vue

@ -1,5 +1,4 @@
<script setup lang="ts"> <script setup lang="ts">
import '@purge-icons/generated'
import { applyNonSelectable, computed, useRoute, useTheme } from '#imports' import { applyNonSelectable, computed, useRoute, useTheme } from '#imports'
const route = useRoute() const route = useRoute()

2
packages/nc-gui/components/general/TableIcon.vue

@ -13,7 +13,7 @@ const { meta: tableMeta } = defineProps<{
:data-testid="`nc-icon-${tableMeta.meta?.icon}`" :data-testid="`nc-icon-${tableMeta.meta?.icon}`"
class="text-lg" class="text-lg"
:icon="tableMeta.meta?.icon" :icon="tableMeta.meta?.icon"
></IcIcon> />
<MdiEyeCircleOutline v-else-if="tableMeta?.type === 'view'" class="w-5" /> <MdiEyeCircleOutline v-else-if="tableMeta?.type === 'view'" class="w-5" />
<MdiTableLarge v-else class="w-5" /> <MdiTableLarge v-else class="w-5" />

2
packages/nc-gui/components/general/ViewIcon.vue

@ -14,7 +14,7 @@ const { meta: viewMeta } = defineProps<{
:data-testid="`nc-icon-${viewMeta?.meta?.icon}`" :data-testid="`nc-icon-${viewMeta?.meta?.icon}`"
class="text-[16px]" class="text-[16px]"
:icon="viewMeta?.meta?.icon" :icon="viewMeta?.meta?.icon"
></IcIcon> />
<component <component
:is="viewIcons[viewMeta.type]?.icon" :is="viewIcons[viewMeta.type]?.icon"
v-else v-else

2
packages/nc-gui/components/smartsheet/expanded-form/Header.vue

@ -77,7 +77,7 @@ useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
<template> <template>
<div class="flex p-2 items-center gap-2 p-4 nc-expanded-form-header"> <div class="flex p-2 items-center gap-2 p-4 nc-expanded-form-header">
<h5 class="text-lg font-weight-medium flex items-center gap-1 mb-0 min-w-0 overflow-x-hidden truncate"> <h5 class="text-lg font-weight-medium flex items-center gap-1 mb-0 min-w-0 overflow-x-hidden truncate">
<GeneralTableIcon :style="{ color: iconColor }" :meta="meta" class="mx-2"></GeneralTableIcon> <GeneralTableIcon :style="{ color: iconColor }" :meta="meta" class="mx-2" />
<template v-if="meta"> <template v-if="meta">
{{ meta.title }} {{ meta.title }}

2
packages/nc-gui/components/smartsheet/toolbar/ViewInfo.vue

@ -6,7 +6,7 @@ const selectedView = inject(ActiveViewInj)
<template> <template>
<div class="flex gap-2 items-center ml-2 mr-2 pr-4 pb-1 py-0.5 border-r-1 border-gray-100"> <div class="flex gap-2 items-center ml-2 mr-2 pr-4 pb-1 py-0.5 border-r-1 border-gray-100">
<GeneralViewIcon class="nc-view-icon" :meta="selectedView"></GeneralViewIcon> <GeneralViewIcon class="nc-view-icon" :meta="selectedView" />
<span class="!text-sm font-medium max-w-36 overflow-ellipsis overflow-hidden whitespace-nowrap"> <span class="!text-sm font-medium max-w-36 overflow-ellipsis overflow-hidden whitespace-nowrap">
{{ selectedView?.title }} {{ selectedView?.title }}

2
packages/nc-gui/layouts/shared-view.vue

@ -59,7 +59,7 @@ export default {
</template> </template>
<div v-else class="text-xl font-semibold truncate text-white nc-shared-view-title flex gap-2 items-center"> <div v-else class="text-xl font-semibold truncate text-white nc-shared-view-title flex gap-2 items-center">
<GeneralViewIcon class="!text-2xl" :meta="sharedView" /> <GeneralViewIcon class="!text-xl" :meta="sharedView" />
{{ sharedView?.title }} {{ sharedView?.title }}
</div> </div>
</div> </div>

Loading…
Cancel
Save