diff --git a/studio/components/layouts/TableEditorLayout/TableEditorMenu.tsx b/studio/components/layouts/TableEditorLayout/TableEditorMenu.tsx index 71c16d319bc..eb7379a5ebe 100644 --- a/studio/components/layouts/TableEditorLayout/TableEditorMenu.tsx +++ b/studio/components/layouts/TableEditorLayout/TableEditorMenu.tsx @@ -390,7 +390,16 @@ const EntityListItem = ({ hoverText={entity.comment ? entity.comment : entity.name} isActive={isActive} icon={ - entity.type === ENTITY_TYPE.VIEW ? ( + entity.type === ENTITY_TYPE.TABLE ? ( + + code.replace(/svg/, 'svg class="m-auto text-color-inherit"') + } + /> + ) : entity.type === ENTITY_TYPE.VIEW ? ( + + + + + + + + + + \ No newline at end of file diff --git a/studio/public/img/icons/view-icon.svg b/studio/public/img/icons/view-icon.svg index b485a3db441..be2dd326b89 100644 --- a/studio/public/img/icons/view-icon.svg +++ b/studio/public/img/icons/view-icon.svg @@ -1,5 +1,5 @@ - + diff --git a/studio/styles/ui.scss b/studio/styles/ui.scss index df06b76b655..8903cb37368 100644 --- a/studio/styles/ui.scss +++ b/studio/styles/ui.scss @@ -417,9 +417,17 @@ .view-icon { rect { @apply fill-blue-500 stroke-blue-500; - } path, circle { - @apply stroke-blue-900; + @apply stroke-blue-900 fill-blue-500;; + } +} + +.table-icon { + rect { + @apply fill-green-1000 stroke-green-500; + } + line { + @apply stroke-green-500; } } \ No newline at end of file