Browse Source

fix: added new project icon

pull/6486/head
sreehari jayaraj 1 year ago
parent
commit
87e050b3d6
  1. 9
      packages/nc-gui/assets/nc-icons/project.svg
  2. 2
      packages/nc-gui/components/general/ProjectIcon.vue
  3. 2
      packages/nc-gui/utils/iconUtils.ts

9
packages/nc-gui/assets/nc-icons/project.svg

@ -0,0 +1,9 @@
<svg width="14" height="14" stroke="transparent" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.99294 13.8095L13.548 11.28C13.8177 11.1572 13.9569 10.9975 13.9659 10.8367H0C0.00896348 10.9975 0.148262 11.1572 0.417899 11.28L5.97294 13.8095C6.53075 14.0635 7.43514 14.0635 7.99294 13.8095Z" fill="#142966"/>
<path d="M13.9999 8.27887H0.00512695V10.8366H13.9999V8.27887Z" fill="#142966"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.99294 11.2517L13.548 8.72217C13.8177 8.5994 13.9569 8.43974 13.9659 8.27887H0C0.00896348 8.43974 0.148262 8.5994 0.417899 8.72217L5.97294 11.2517C6.53075 11.5057 7.43514 11.5057 7.99294 11.2517Z" fill="#142966"/>
<path d="M13.9999 5.72113H0.00512695V8.27891H13.9999V5.72113Z" fill="#142966"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.99294 9.9729L13.548 7.44332C13.8177 7.32054 13.9569 7.16088 13.9659 7H0C0.00896348 7.16088 0.148262 7.32054 0.417899 7.44332L5.97294 9.9729C6.53075 10.2269 7.43514 10.2269 7.99294 9.9729Z" fill="#36BFFF"/>
<path d="M13.9997 3.16309H0.00488281V7.00309H13.9997V3.16309Z" fill="#36BFFF"/>
<path d="M13.5484 3.63991L7.99337 6.16947C7.43561 6.42348 6.53121 6.42348 5.9734 6.16947L0.418362 3.63991C-0.139454 3.3859 -0.139454 2.97408 0.418362 2.72007L5.9734 0.190505C6.53121 -0.0635018 7.43561 -0.0635018 7.99337 0.190505L13.5484 2.72007C14.1063 2.97408 14.1063 3.3859 13.5484 3.63991Z" fill="#36BFFF"/>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

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

@ -7,7 +7,7 @@ const { hoverable } = defineProps<{
<template> <template>
<GeneralIcon <GeneralIcon
icon="ncDatabase" icon="project"
class="text-[#2824FB] nc-project-icon" class="text-[#2824FB] nc-project-icon"
:class="{ :class="{
'nc-project-icon-hoverable': hoverable, 'nc-project-icon-hoverable': hoverable,

2
packages/nc-gui/utils/iconUtils.ts

@ -81,6 +81,7 @@ import LcSend from '~icons/lucide/send'
import NcCommentHere from '~icons/nc-icons/comment-here' import NcCommentHere from '~icons/nc-icons/comment-here'
import NcAddDataSource from '~icons/nc-icons/add-data-source' import NcAddDataSource from '~icons/nc-icons/add-data-source'
import NcDatabaseIcon from '~icons/nc-icons/database' import NcDatabaseIcon from '~icons/nc-icons/database'
import Project from '~icons/nc-icons/project'
// Roles // Roles
import MaterialSymbolsManageAccountsOutline from '~icons/material-symbols/manage-accounts-outline' import MaterialSymbolsManageAccountsOutline from '~icons/material-symbols/manage-accounts-outline'
@ -245,6 +246,7 @@ export const iconMap = {
addOutlineBox: MsAddBoxOutline, addOutlineBox: MsAddBoxOutline,
loading: h('span', { class: 'material-symbols' }, 'autorenew'), loading: h('span', { class: 'material-symbols' }, 'autorenew'),
arrowCollapse: Up, arrowCollapse: Up,
project: Project,
markerAlert: h('span', { class: 'material-symbols' }, 'warning'), markerAlert: h('span', { class: 'material-symbols' }, 'warning'),
appStore: h('span', { class: 'material-symbols' }, 'apps'), appStore: h('span', { class: 'material-symbols' }, 'apps'),
chevronLeft: h('span', { class: 'material-symbols' }, 'chevron_left'), chevronLeft: h('span', { class: 'material-symbols' }, 'chevron_left'),

Loading…
Cancel
Save