From 11f76e0c4df815dcdc2c5a46e2dd32d3ee76d238 Mon Sep 17 00:00:00 2001 From: Panthevm Date: Mon, 14 Aug 2023 11:36:45 +0300 Subject: [PATCH] Update sidebar styles --- resources/public/suitkin/css/stylo.css | 761 +++++------------- resources/public/suitkin/img/aidbox-logo.svg | 10 + .../suitkin/img/icon/aidbox-logo-gray.svg | 6 - .../public/suitkin/img/icon/aidbox-name.svg | 4 - resources/public/suitkin/img/icon/apps.svg | 10 - .../public/suitkin/img/icon/auth-sandbox.svg | 17 - resources/public/suitkin/img/icon/box.svg | 23 - resources/public/suitkin/img/icon/chevron.svg | 5 - .../public/suitkin/img/icon/cloud-cog.svg | 16 - .../public/suitkin/img/icon/database-code.svg | 14 - .../suitkin/img/icon/database-operations.svg | 17 - .../suitkin/img/icon/database-query.svg | 11 - .../suitkin/img/icon/database-resource.svg | 14 - .../public/suitkin/img/icon/database.svg | 5 - .../public/suitkin/img/icon/doc-book.svg | 8 - resources/public/suitkin/img/icon/form.svg | 11 - .../public/suitkin/img/icon/graphsql.svg | 6 - .../public/suitkin/img/icon/headphones.svg | 5 - .../suitkin/img/icon/ic-analytics-16.svg | 6 + .../public/suitkin/img/icon/ic-apps-16.svg | 6 + .../suitkin/img/icon/ic-auth-sandbox-16.svg | 15 + .../public/suitkin/img/icon/ic-ban-16.svg | 10 + .../public/suitkin/img/icon/ic-books-16.svg | 13 + .../public/suitkin/img/icon/ic-bot-16.svg | 15 + .../public/suitkin/img/icon/ic-box-16-1.svg | 5 + .../public/suitkin/img/icon/ic-box-16.svg | 21 + .../suitkin/img/icon/ic-calendar-days-16.svg | 12 + .../public/suitkin/img/icon/ic-check-16.svg | 3 + .../suitkin/img/icon/ic-checkbox-16.svg | 4 + .../suitkin/img/icon/ic-chevron-down-16.svg | 3 + .../suitkin/img/icon/ic-chevron-left-16.svg | 3 + .../suitkin/img/icon/ic-chevron-right-16.svg | 3 + .../suitkin/img/icon/ic-chevron-up-16.svg | 3 + .../public/suitkin/img/icon/ic-close-16.svg | 4 + .../suitkin/img/icon/ic-cloud-cog-16.svg | 12 + .../img/icon/{code.svg => ic-code-16.svg} | 6 +- .../suitkin/img/icon/ic-database-16.svg | 3 + .../suitkin/img/icon/ic-database-code-16.svg | 9 + .../img/icon/ic-database-messages-16.svg | 8 + .../img/icon/ic-database-operations-16.svg | 13 + .../suitkin/img/icon/ic-database-query-16.svg | 7 + .../img/icon/ic-database-resource-16.svg | 12 + .../suitkin/img/icon/ic-doc-book-16.svg | 4 + .../suitkin/img/icon/ic-file-check-16.svg | 5 + .../public/suitkin/img/icon/ic-files-16.svg | 5 + .../public/suitkin/img/icon/ic-form-16.svg | 8 + .../public/suitkin/img/icon/ic-graphql-16.svg | 4 + .../suitkin/img/icon/ic-headphones-16.svg | 3 + .../suitkin/img/icon/ic-help-circle-16.svg | 12 + .../public/suitkin/img/icon/ic-home-16.svg | 4 + .../suitkin/img/icon/ic-integration-16.svg | 6 + ...zzle.svg => ic-integrations-puzzle-16.svg} | 2 +- .../public/suitkin/img/icon/ic-keys-16.svg | 5 + .../suitkin/img/icon/ic-laptop-gear-16.svg | 4 + .../suitkin/img/icon/ic-list-ordered-16.svg | 8 + .../public/suitkin/img/icon/ic-lock-16.svg | 4 + .../public/suitkin/img/icon/ic-logout-16.svg | 5 + .../public/suitkin/img/icon/ic-mail-16.svg | 4 + .../icon/{mappings.svg => ic-mappings-16.svg} | 16 +- .../img/icon/ic-more-horizontal-16.svg | 8 + .../suitkin/img/icon/ic-more-vertical-16.svg | 8 + .../suitkin/img/icon/ic-notebook-16.svg | 4 + .../suitkin/img/icon/ic-notebook-play-16.svg | 6 + .../suitkin/img/icon/ic-operation-gear-16.svg | 11 + .../suitkin/img/icon/ic-operations2-16.svg | 8 + .../public/suitkin/img/icon/ic-phone-16.svg | 3 + .../public/suitkin/img/icon/ic-plus-16.svg | 4 + .../public/suitkin/img/icon/ic-profile-16.svg | 8 + .../suitkin/img/icon/ic-profiling-16.svg | 10 + .../public/suitkin/img/icon/ic-repeat-16.svg | 4 + .../public/suitkin/img/icon/ic-rocket-16.svg | 4 + .../public/suitkin/img/icon/ic-search-16.svg | 4 + .../img/icon/ic-shield-shield-check-16.svg | 4 + .../suitkin/img/icon/ic-shield-user-16.svg | 5 + .../public/suitkin/img/icon/ic-stats-16.svg | 4 + .../public/suitkin/img/icon/ic-table-16.svg | 6 + .../public/suitkin/img/icon/ic-tag-16.svg | 5 + .../suitkin/img/icon/ic-terminal-16.svg | 4 + .../suitkin/img/icon/ic-terminology-16.svg | 4 + .../suitkin/img/icon/ic-trash-delete-16.svg | 7 + .../public/suitkin/img/icon/ic-user-16.svg | 3 + .../public/suitkin/img/icon/ic-users-16.svg | 5 + .../suitkin/img/icon/ic-value-set-16.svg | 5 + .../suitkin/img/icon/ic-whole-word-16.svg | 7 + .../suitkin/img/icon/ic-worflow-2-16.svg | 6 + .../suitkin/img/icon/ic-workflow-16.svg | 10 + .../suitkin/img/icon/ic-workflow2-16.svg | 15 + .../public/suitkin/img/icon/integration.svg | 10 - resources/public/suitkin/img/icon/keys.svg | 5 - resources/public/suitkin/img/icon/lock.svg | 8 - resources/public/suitkin/img/icon/logout.svg | 9 - .../public/suitkin/img/icon/notebook.svg | 8 - resources/public/suitkin/img/icon/plus.svg | 4 - resources/public/suitkin/img/icon/profile.svg | 12 - .../public/suitkin/img/icon/profiling.svg | 14 - resources/public/suitkin/img/icon/repeat.svg | 8 - .../public/suitkin/img/icon/shield-check.svg | 9 - resources/public/suitkin/img/icon/stats.svg | 8 - resources/public/suitkin/img/icon/table.svg | 10 - resources/public/suitkin/img/icon/tag.svg | 9 - .../public/suitkin/img/icon/terminal.svg | 8 - .../public/suitkin/img/icon/terminology.svg | 8 - resources/public/suitkin/img/icon/users.svg | 9 - .../public/suitkin/img/icon/workflow.svg | 16 - src/suitkin/components/sidebar.cljc | 2 + src/suitkin/components/sidebar/styles.cljc | 71 +- src/suitkin/components/sidebar/view.cljc | 51 +- src/ui/navigation.cljc | 91 ++- 108 files changed, 783 insertions(+), 997 deletions(-) create mode 100644 resources/public/suitkin/img/aidbox-logo.svg delete mode 100644 resources/public/suitkin/img/icon/aidbox-logo-gray.svg delete mode 100644 resources/public/suitkin/img/icon/aidbox-name.svg delete mode 100644 resources/public/suitkin/img/icon/apps.svg delete mode 100644 resources/public/suitkin/img/icon/auth-sandbox.svg delete mode 100644 resources/public/suitkin/img/icon/box.svg delete mode 100644 resources/public/suitkin/img/icon/chevron.svg delete mode 100644 resources/public/suitkin/img/icon/cloud-cog.svg delete mode 100644 resources/public/suitkin/img/icon/database-code.svg delete mode 100644 resources/public/suitkin/img/icon/database-operations.svg delete mode 100644 resources/public/suitkin/img/icon/database-query.svg delete mode 100644 resources/public/suitkin/img/icon/database-resource.svg delete mode 100644 resources/public/suitkin/img/icon/database.svg delete mode 100644 resources/public/suitkin/img/icon/doc-book.svg delete mode 100644 resources/public/suitkin/img/icon/form.svg delete mode 100644 resources/public/suitkin/img/icon/graphsql.svg delete mode 100644 resources/public/suitkin/img/icon/headphones.svg create mode 100644 resources/public/suitkin/img/icon/ic-analytics-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-apps-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-auth-sandbox-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-ban-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-books-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-bot-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-box-16-1.svg create mode 100644 resources/public/suitkin/img/icon/ic-box-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-calendar-days-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-check-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-checkbox-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-chevron-down-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-chevron-left-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-chevron-right-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-chevron-up-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-close-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-cloud-cog-16.svg rename resources/public/suitkin/img/icon/{code.svg => ic-code-16.svg} (87%) create mode 100644 resources/public/suitkin/img/icon/ic-database-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-database-code-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-database-messages-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-database-operations-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-database-query-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-database-resource-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-doc-book-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-file-check-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-files-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-form-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-graphql-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-headphones-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-help-circle-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-home-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-integration-16.svg rename resources/public/suitkin/img/icon/{puzzle.svg => ic-integrations-puzzle-16.svg} (99%) create mode 100644 resources/public/suitkin/img/icon/ic-keys-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-laptop-gear-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-list-ordered-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-lock-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-logout-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-mail-16.svg rename resources/public/suitkin/img/icon/{mappings.svg => ic-mappings-16.svg} (72%) create mode 100644 resources/public/suitkin/img/icon/ic-more-horizontal-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-more-vertical-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-notebook-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-notebook-play-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-operation-gear-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-operations2-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-phone-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-plus-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-profile-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-profiling-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-repeat-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-rocket-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-search-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-shield-shield-check-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-shield-user-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-stats-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-table-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-tag-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-terminal-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-terminology-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-trash-delete-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-user-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-users-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-value-set-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-whole-word-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-worflow-2-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-workflow-16.svg create mode 100644 resources/public/suitkin/img/icon/ic-workflow2-16.svg delete mode 100644 resources/public/suitkin/img/icon/integration.svg delete mode 100644 resources/public/suitkin/img/icon/keys.svg delete mode 100644 resources/public/suitkin/img/icon/lock.svg delete mode 100644 resources/public/suitkin/img/icon/logout.svg delete mode 100644 resources/public/suitkin/img/icon/notebook.svg delete mode 100644 resources/public/suitkin/img/icon/plus.svg delete mode 100644 resources/public/suitkin/img/icon/profile.svg delete mode 100644 resources/public/suitkin/img/icon/profiling.svg delete mode 100644 resources/public/suitkin/img/icon/repeat.svg delete mode 100644 resources/public/suitkin/img/icon/shield-check.svg delete mode 100644 resources/public/suitkin/img/icon/stats.svg delete mode 100644 resources/public/suitkin/img/icon/table.svg delete mode 100644 resources/public/suitkin/img/icon/tag.svg delete mode 100644 resources/public/suitkin/img/icon/terminal.svg delete mode 100644 resources/public/suitkin/img/icon/terminology.svg delete mode 100644 resources/public/suitkin/img/icon/users.svg delete mode 100644 resources/public/suitkin/img/icon/workflow.svg create mode 100644 src/suitkin/components/sidebar.cljc diff --git a/resources/public/suitkin/css/stylo.css b/resources/public/suitkin/css/stylo.css index 4c42904..945c441 100644 --- a/resources/public/suitkin/css/stylo.css +++ b/resources/public/suitkin/css/stylo.css @@ -90,127 +90,34 @@ img, video { height: auto; } -.c-77456740 { - background-color: var(--basic-gray-0); - color: var(--basic-gray-7); - border: 1px solid var(--basic-gray-4); -} - -.c-77456740:hover { - background-color: var(--basic-gray-1); -} - -.c-77456740:active { - background-color: var(--basic-gray-2); -} - -.c-77456740:disabled { - background-color: rgba(219, 221, 227, 0.15); - color: var(--basic-gray-3); - border: 1px solid var(--basic-gray-3); -} - -.c-77456740:disabled .button-icon { - filter: invert(96%) sepia(2%) saturate(881%) hue-rotate(190deg) brightness(84%) contrast(83%); -} - -.c-77456740 .button-icon { - filter: invert(12%) sepia(21%) saturate(974%) hue-rotate(187deg) brightness(93%) contrast(91%); -} - -.suitkin_components_sidebar-72-24 { - width: 100%; -} - -.c838488944 { - background-color: inherit; - color: var(--basic-gray-7); -} - -.c838488944:hover { - background-color: var(--basic-gray-1); -} - -.c838488944:active { - background-color: var(--basic-gray-2); -} - -.c838488944:disabled { - background-color: inherit; - color: var(--basic-gray-3); -} - -.c838488944:disabled .button-icon { - filter: invert(96%) sepia(2%) saturate(881%) hue-rotate(190deg) brightness(84%) contrast(83%); -} - -.c838488944 .button-icon { - filter: invert(12%) sepia(21%) saturate(974%) hue-rotate(187deg) brightness(93%) contrast(91%); -} - -.c1033924637 { - background-color: inherit; - color: var(--basic-red-6); -} - -.c1033924637:hover { - background-color: rgba(254, 231, 228, 0.40); -} - -.c1033924637:active { - background-color: rgba(254, 231, 228, 0.80); -} - -.c1033924637:disabled { - background-color: inherit; - color: var(--basic-gray-3); -} - -.c1033924637:disabled .button-icon { - filter: invert(96%) sepia(2%) saturate(881%) hue-rotate(190deg) brightness(84%) contrast(83%); -} - -.c1033924637 .button-icon { - filter: invert(16%) sepia(78%) saturate(3482%) hue-rotate(357deg) brightness(106%) contrast(94%); -} - -.c285751859 { - display: flex; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.suitkin_components_sidebar_view-20-29 { - width: 100%; -} - .suitkin_components_sidebar_styles-45-3 { display: flex; - user-select: none; - cursor: pointer; -} - -.suitkin_components_sidebar_styles-45-3 .chevron { - transition: .15s transform ease; + width: 100%; + align-items: center; + padding: 6px 16px 6px 0px; + border-radius: 4px; } -.suitkin_components_sidebar_styles-45-3 details[open] .chevron { - transform: rotate(90deg); +.suitkin_components_sidebar_styles-45-3>*+* { + --space-x-reverse: 0; + margin-right: calc(8px * var(--space-x-reverse)); + margin-left: calc(8px * calc(1 - var(--space-x-reverse))); } -.c2002126359 { +.suitkin_components_sidebar_styles-27-3 { display: flex; - user-select: none; - cursor: pointer; -} - -.c2002126359 .chevron { - transition: .15s transform ease; + class: nil; + align-items: center; + padding-top: 16px; + padding-bottom: 16px; + padding-left: 17px; + padding-right: 17px; } -.c2002126359 details[open] .chevron { - transform: rotate(90deg); +.suitkin_components_sidebar_styles-27-3>*+* { + --space-x-reverse: 0; + margin-right: calc(4px * var(--space-x-reverse)); + margin-left: calc(4px * calc(1 - var(--space-x-reverse))); } .suitkin_components_button-32-3 { @@ -245,17 +152,6 @@ img, video { border-radius: 0.25rem; } -.suitkin_components_sidebar-66-29 { - width: 100%; -} - -.suitkin_components_sidebar_view-14-17 { - display: flex; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - .suitkin_components_button-48-3 { background-color: inherit; color: var(--basic-red-6); @@ -282,50 +178,56 @@ img, video { filter: invert(16%) sepia(78%) saturate(3482%) hue-rotate(357deg) brightness(106%) contrast(94%); } -.suitkin_components_sidebar_styles-34-3 { - width: 100%; +.suitkin_components_sidebar_styles-34-3 ul.root > li:last-child { + margin-bottom: 100px; } -.suitkin_components_sidebar_styles-34-3 details { - width: 100%; +.suitkin_components_sidebar_styles-34-3 li li a { + padding-left: 40px; } -.suitkin_components_sidebar_styles-34-3 a { +.suitkin_components_sidebar_styles-34-3 details { width: 100%; -&:hover-background-color: var(--basic-gray-0); } -.suitkin_components_sidebar_styles-34-3 a:active { - background-color: var(--basic-gray-1); +.suitkin_components_sidebar_styles-34-3 a:hover { + color: inherit; } -.suitkin_components_sidebar_styles-34-3 summary:hover { - background-color: var(--basic-gray-0); +.suitkin_components_sidebar_styles-34-3 li a { + padding-left: 16px; } -.suitkin_components_sidebar_styles-34-3 summary:active { - background-color: var(--basic-gray-1); +.suitkin_components_sidebar_styles-34-3 { + width: 100%; } .suitkin_components_sidebar_styles-34-3 a.item-active { background-color: var(--basic-gray-1); } -.suitkin_components_sidebar_styles-24-3 { - padding-bottom: 14px; - height: auto; - align-items: center; - font-weight: 800; - font-size: 16px; - padding-right: 16px; - letter-spacing: 0.48px; +.suitkin_components_sidebar_styles-34-3 a:not(.item-active):hover { + background-color: var(--basic-gray-0); + color: inherit; +} + +.suitkin_components_sidebar_styles-34-3 a { + width: 100%; + border-radius: 4px; + cursor: pointer; +} + +.suitkin_components_sidebar_styles-26-3 { display: flex; - color: #353B50; - padding-left: 16px; - padding-top: 14px; + class: nil; + align-items: center; + padding-top: 16px; + padding-bottom: 16px; + padding-left: 17px; + padding-right: 17px; } -.suitkin_components_sidebar_styles-24-3>*+* { +.suitkin_components_sidebar_styles-26-3>*+* { --space-x-reverse: 0; margin-right: calc(4px * var(--space-x-reverse)); margin-left: calc(4px * calc(1 - var(--space-x-reverse))); @@ -359,30 +261,8 @@ img, video { filter: invert(12%) sepia(21%) saturate(974%) hue-rotate(187deg) brightness(93%) contrast(91%); } -.c1217557035 { - border-radius: 4px; - display: inline-flex; - align-items: center; - font-size: 14px; - font-family: Inter; - font-weight: 400; - line-height: 20px; -} - -.c1217557035:disabled { - cursor: not-allowed; -} - -.c1217557035:focus { - outline: 0; -} - -.suitkin_components_sidebar_view-15-50 { - padding-right: 8px; -} - -.c-351277325 { - padding-right: 8px; +.suitkin_components_sidebar_view-37-22 { + padding-bottom: 4px; } .ui_properties-8-17 { @@ -391,17 +271,27 @@ img, video { padding-top: 1.0rem; } -.c-1393660714 { +.suitkin_components_sidebar_styles-52-3 { + margin-top: 8px; + margin-bottom: 8px; + margin-left: 6px; + margin-right: 6px; + color: var(--basic-gray-2); width: 100%; } -.c-898518566 { +.suitkin_components_sidebar_styles-44-3 { display: flex; - margin-left: 4px; - margin-right: 4px; - margin-top: 4px; - overflow-y: auto; - height: 100%; + width: 100%; + align-items: center; + padding: 6px 16px 6px 0px; + border-radius: 4px; +} + +.suitkin_components_sidebar_styles-44-3>*+* { + --space-x-reverse: 0; + margin-right: calc(8px * var(--space-x-reverse)); + margin-left: calc(8px * calc(1 - var(--space-x-reverse))); } .suitkin_components_button-59-3 { @@ -422,133 +312,83 @@ img, video { outline: 0; } -.suitkin_components_sidebar_view-26-24 { - width: 100%; +.zf_util-13-17 { + color: rgba(113,128,150,var(--text-opacity)); + --text-opacity: 1; + font-weight: 100; + text-transform: uppercase; + font-size: 1.5rem; + margin-bottom: 0.5rem; } -.suitkin_components_sidebar-34-3 { - width: 100%; +.suitkin_components_sidebar_styles-33-3 ul.root > li:last-child { + margin-bottom: 100px; } -.suitkin_components_sidebar-34-3 summary { - padding: 6px 16px 6px 16px; - border-radius: 4px; +.suitkin_components_sidebar_styles-33-3 li li a { + padding-left: 40px; } -.suitkin_components_sidebar-34-3 summary:hover { - background-color: var(--basic-gray-0); -} - -.suitkin_components_sidebar-34-3 summary:active { - background-color: var(--basic-gray-1); +.suitkin_components_sidebar_styles-33-3 details { + width: 100%; } -.suitkin_components_sidebar-34-3 a.item-active { - background-color: var(--basic-gray-1); +.suitkin_components_sidebar_styles-33-3 a:hover { + color: inherit; } -.suitkin_components_sidebar-34-3 a { - padding: 6px 16px 6px 16px; - border-radius: 4px; +.suitkin_components_sidebar_styles-33-3 li a { + padding-left: 16px; } -.suitkin_components_sidebar-34-3 a:hover { - background-color: var(--basic-gray-0); +.suitkin_components_sidebar_styles-33-3 { + width: 100%; } -.suitkin_components_sidebar-34-3 a:active { +.suitkin_components_sidebar_styles-33-3 a.item-active { background-color: var(--basic-gray-1); } -.c-389514406 { - flex-flow: column; - line-height: 20px; - width: 240px; - height: 100vh; - border-right: 1px solid var(--basic-gray-2,red); - word-spacing: -1px; - font-size: 14px; - letter-spacing: 0.33px; - display: flex; - color: var(--basic-gray-7); +.suitkin_components_sidebar_styles-33-3 a:not(.item-active):hover { + background-color: var(--basic-gray-0); + color: inherit; } -.suitkin_components_sidebar-55-17 { - display: flex; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; +.suitkin_components_sidebar_styles-33-3 a { + width: 100%; + border-radius: 4px; + cursor: pointer; } .suitkin_components_button-68-58 { margin-right: 8px; } -.c-938554372 { - margin-right: 8px; -} - -.suitkin_components_sidebar-45-3 { - display: flex; - user-select: none; - cursor: pointer; -} - -.suitkin_components_sidebar-45-3 .chevron { - transition: .15s transform ease; -} - -.suitkin_components_sidebar-45-3 details[open] .chevron { - transform: rotate(90deg); -} - -.c1716753689 { - padding-left: 20px; - padding-right: 20px; - padding-top: 10px; - padding-bottom: 10px; -} - -.suitkin_components_sidebar_view-17-51 { - padding-right: 8px; -} - -.c-657727210 { - padding-left: 16px; - padding-right: 16px; - padding-top: 6px; - padding-bottom: 6px; -} - -.suitkin_components_sidebar_view-21-30 { - display: flex; - justify-content: space-between; -} - -.c-1216520275 { - padding-bottom: 14px; - height: auto; +.zf_util-19-36 { + border-width: 1px; + padding-bottom: 2.5rem; + justify-content: center; align-items: center; - font-weight: 800; - font-size: 16px; - padding-right: 16px; - letter-spacing: 0.48px; + padding-right: 1.0rem; + border-radius: 0.25rem; display: flex; - color: #353B50; - padding-left: 16px; - padding-top: 14px; + padding-left: 1.0rem; + padding-top: 2.5rem; } -.c-1216520275>*+* { - --space-x-reverse: 0; - margin-right: calc(4px * var(--space-x-reverse)); - margin-left: calc(4px * calc(1 - var(--space-x-reverse))); +.suitkin_components_sidebar_styles-67-3 { + display: flex; + margin-left: 4px; + margin-right: 3px; + margin-top: 4px; + overflow-y: auto; + height: 100%; } .suitkin_components_sidebar_styles-63-3 { display: flex; margin-left: 4px; - margin-right: 4px; + margin-right: 3px; margin-top: 4px; overflow-y: auto; height: 100%; @@ -561,27 +401,22 @@ img, video { padding-bottom: 6px; } -.suitkin_components_sidebar-67-30 { - display: flex; - justify-content: space-between; +.suitkin_components_sidebar_view-38-22 { + padding-bottom: 4px; } -.suitkin_components_sidebar-84-18 { +.suitkin_components_sidebar_styles-50-3 { display: flex; - margin-left: 4px; - margin-right: 4px; - margin-top: 4px; - overflow-y: auto; - height: 100%; + width: 100%; + align-items: center; + padding: 6px 16px 6px 0px; + border-radius: 4px; } -.suitkin_components_sidebar_styles-50-3 { - display: flex; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - justify-content: space-between; - padding: 6px 16px 6px 16px; +.suitkin_components_sidebar_styles-50-3>*+* { + --space-x-reverse: 0; + margin-right: calc(8px * var(--space-x-reverse)); + margin-left: calc(8px * calc(1 - var(--space-x-reverse))); } .ui_properties-10-18 { @@ -594,79 +429,19 @@ img, video { margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))); } -.c1759832568 { - background-color: rgba(254, 231, 228, 0.15); - color: var(--basic-red-6); - border: 1px solid var(--basic-red-5); -} - -.c1759832568:hover { - background-color: rgba(254, 231, 228, 0.40); -} - -.c1759832568:active { - background-color: rgba(254, 231, 228, 0.80); -} - -.c1759832568:disabled { - background-color: rgba(219, 221, 227, 0.15); - color: var(--basic-gray-3); - border: 1px solid var(--basic-gray-3); -} - -.c1759832568:disabled .button-icon { - filter: invert(96%) sepia(2%) saturate(881%) hue-rotate(190deg) brightness(84%) contrast(83%); -} - -.c1759832568 .button-icon { - filter: invert(16%) sepia(78%) saturate(3482%) hue-rotate(357deg) brightness(106%) contrast(94%); -} - -.c176274011 { - width: 100%; -} - -.c176274011 details { - width: 100%; -} - -.c176274011 a { - width: 100%; - padding: 6px 16px 6px 16px; - border-radius: 4px; -} - -.c176274011 a:hover { - background-color: var(--basic-gray-0); -} - -.c176274011 a:active { - background-color: var(--basic-gray-1); -} - -.c176274011 summary { - border-radius: 4px; -} - -.c176274011 summary:hover { - background-color: var(--basic-gray-0); -} - -.c176274011 summary:active { - background-color: var(--basic-gray-1); +.suitkin_components_sidebar_styles-19-3 { + padding: 4px; + padding-bottom: 0px; + margin-bottom: 16px; + border-top: 1px solid var(--basic-gray-2); } -.c176274011 a.item-active { - background-color: var(--basic-gray-1); +.suitkin_components_sidebar_view-34-22 { + padding-bottom: 4px; } -.c1701454752 { - display: flex; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - justify-content: space-between; - padding: 6px 16px 6px 16px; +.suitkin_components_sidebar_styles-76-3 ul > li:last-child { + margin-bottom: 100px; } .ui_properties-16-27 { @@ -675,97 +450,34 @@ img, video { border-radius: 0.25rem; } -.suitkin_components_sidebar_styles-53-3 { - display: flex; - user-select: none; - cursor: pointer; -} - -.suitkin_components_sidebar_styles-53-3 .chevron { - transition: .15s transform ease; -} - -.suitkin_components_sidebar_styles-53-3 details[open] .chevron { - transform: rotate(90deg); -} - .suitkin_components_sidebar_styles-48-3 { display: flex; - user-select: none; - cursor: pointer; -} - -.suitkin_components_sidebar_styles-48-3 .chevron { - transition: .15s transform ease; -} - -.suitkin_components_sidebar_styles-48-3 details[open] .chevron { - transform: rotate(90deg); -} - -.suitkin_components_sidebar_styles-49-3 { - display: flex; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - justify-content: space-between; - padding: 6px 16px 6px 16px; - border-radius: 4px; -} - -.suitkin_components_sidebar_styles-49-3 img { - display: inline-block; -} - -.c-1768640623 { width: 100%; -} - -.c-1768640623 summary { - padding: 6px 16px 6px 16px; - border-radius: 4px; -} - -.c-1768640623 summary:hover { - background-color: var(--basic-gray-0); -} - -.c-1768640623 summary:active { - background-color: var(--basic-gray-1); -} - -.c-1768640623 a.item-active { - background-color: var(--basic-gray-1); -} - -.c-1768640623 a { - padding: 6px 16px 6px 16px; + align-items: center; + padding: 6px 16px 6px 0px; border-radius: 4px; } -.c-1768640623 a:hover { - background-color: var(--basic-gray-0); -} - -.c-1768640623 a:active { - background-color: var(--basic-gray-1); -} - -.suitkin_components_sidebar_view-10-50 { - padding-right: 8px; +.suitkin_components_sidebar_styles-48-3>*+* { + --space-x-reverse: 0; + margin-right: calc(8px * var(--space-x-reverse)); + margin-left: calc(8px * calc(1 - var(--space-x-reverse))); } .suitkin_components_sidebar_styles-57-3 { - display: flex; - margin-left: 4px; - margin-right: 4px; - margin-top: 4px; - overflow-y: auto; - height: 100%; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 6px; + margin-right: 6px; + color: var(--basic-gray-2); + width: 100%; } -.suitkin_components_sidebar_view-15-18 { - display: flex; +.suitkin_components_sidebar_view-17-19 { + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .ui_properties-13-23 { @@ -788,32 +500,6 @@ img, video { transform: rotate(90deg); } -.c239527376 { - background-color: var(--basic-red-5); - color: var(--white); -} - -.c239527376:hover { - background-color: var(--basic-red-7); -} - -.c239527376:active { - background-color: var(--basic-red-8); -} - -.c239527376:disabled { - background-color: var(--basic-gray-2); - color: var(--basic-gray-4); -} - -.c239527376:disabled .button-icon { - filter: invert(55%) sepia(9%) saturate(277%) hue-rotate(186deg) brightness(95%) contrast(86%); -} - -.c239527376 .button-icon { - filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(233deg) brightness(108%) contrast(101%); -} - .suitkin_components_button-56-26 { padding-left: 20px; padding-right: 20px; @@ -848,15 +534,13 @@ img, video { filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(233deg) brightness(108%) contrast(101%); } -.c-1080531189 { - padding: 4px; - margin-bottom: 16px; - border-top: 1px solid var(--basic-gray-2,red); -} - -.c1088204724 { +.suitkin_components_sidebar_styles-69-3 { display: flex; - justify-content: space-between; + margin-left: 4px; + margin-right: 3px; + margin-top: 4px; + overflow-y: auto; + height: 100%; } .suitkin_components_button-24-3 { @@ -888,12 +572,16 @@ img, video { .suitkin_components_sidebar_styles-62-3 { display: flex; margin-left: 4px; - margin-right: 4px; + margin-right: 3px; margin-top: 4px; overflow-y: auto; height: 100%; } +.suitkin_components_search-15-20 { + display: inline-flex; +} + .suitkin_components_sidebar_styles-55-3 { display: flex; user-select: none; @@ -902,111 +590,61 @@ img, video { .suitkin_components_sidebar_styles-55-3 .chevron { transition: .15s transform ease; + filter: invert(44%) sepia(8%) saturate(656%) hue-rotate(191deg) brightness(85%) contrast(88%); } .suitkin_components_sidebar_styles-55-3 details[open] .chevron { transform: rotate(90deg); } -.suitkin_components_sidebar_view-9-17 { - display: flex; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - .ui_navigation-15-17 { height: 100%; } -.c717984533 { - background-color: var(--basic-gray-4); - color: var(--white); +.suitkin_components_sidebar_styles-58-3 { + display: flex; + user-select: none; + cursor: pointer; } -.c717984533:hover { - background-color: var(--basic-gray-5); +.suitkin_components_sidebar_styles-58-3 .chevron { + transition: .15s transform ease; } -.c717984533:active { - background-color: var(--basic-gray-6); +.suitkin_components_sidebar_styles-58-3 details[open] .chevron { + transform: rotate(90deg); } -.c717984533:disabled { - background-color: var(--basic-gray-2); - color: var(--basic-gray-4); - cursor: not-allowed; +.suitkin_components_sidebar_styles-60-3 { + display: flex; + user-select: none; + cursor: pointer; } -.c717984533:disabled .button-icon { - filter: invert(55%) sepia(9%) saturate(277%) hue-rotate(186deg) brightness(95%) contrast(86%); +.suitkin_components_sidebar_styles-60-3 .chevron { + transition: .15s transform ease; } -.c717984533 .button-icon { - filter: invert(100%) sepia(17%) saturate(2%) hue-rotate(233deg) brightness(108%) contrast(101%); +.suitkin_components_sidebar_styles-60-3 details[open] .chevron { + transform: rotate(90deg); } -.suitkin_components_sidebar-18-3 { +.suitkin_components_sidebar_styles-20-3 { padding: 4px; + padding-bottom: 0px; margin-bottom: 16px; - border-top: 1px solid var(--basic-gray-2,red); -} - -.suitkin_components_sidebar_styles-60-3 { - display: flex; - margin-left: 4px; - margin-right: 4px; - margin-top: 4px; - overflow-y: auto; - height: 100%; -} - -.suitkin_components_sidebar-6-3 { - flex-flow: column; - line-height: 20px; - width: 240px; - height: 100vh; - border-right: 1px solid var(--basic-gray-2,red); - word-spacing: -1px; - font-size: 14px; - letter-spacing: 0.33px; - display: flex; - color: var(--basic-gray-7); + border-top: 1px solid var(--basic-gray-2); } .suitkin_components_sidebar_styles-64-3 { display: flex; margin-left: 4px; - margin-right: 4px; + margin-right: 3px; margin-top: 4px; overflow-y: auto; height: 100%; } -.suitkin_components_sidebar-24-3 { - padding-bottom: 14px; - height: auto; - align-items: center; - font-weight: 800; - font-size: 16px; - padding-right: 16px; - letter-spacing: 0.48px; - display: flex; - color: #353B50; - padding-left: 16px; - padding-top: 14px; -} - -.suitkin_components_sidebar-24-3>*+* { - --space-x-reverse: 0; - margin-right: calc(4px * var(--space-x-reverse)); - margin-left: calc(4px * calc(1 - var(--space-x-reverse))); -} - -.suitkin_components_sidebar-56-50 { - padding-right: 8px; -} - .suitkin_components_button-40-3 { background-color: rgba(254, 231, 228, 0.15); color: var(--basic-red-6); @@ -1035,33 +673,44 @@ img, video { filter: invert(16%) sepia(78%) saturate(3482%) hue-rotate(357deg) brightness(106%) contrast(94%); } -.suitkin_components_sidebar_view-16-51 { - padding-right: 8px; +.suitkin_components_sidebar_styles-51-3 { + margin-top: 8px; + margin-bottom: 8px; + margin-left: 6px; + margin-right: 6px; + color: var(--basic-gray-2); + width: 100%; } -.suitkin_components_sidebar_styles-51-3 { - display: flex; +.suitkin_components_search-10-58 { + margin-right: 8px; +} + +.suitkin_components_sidebar_view-21-19 { + width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; - justify-content: space-between; -} - -.suitkin_components_sidebar_styles-18-3 { - padding: 4px; - margin-bottom: 16px; - border-top: 1px solid var(--basic-gray-2,red); + color: var(--basic-gray-7); } .suitkin_components_sidebar_styles-6-3 { flex-flow: column; line-height: 20px; width: 240px; + font-family: Inter; height: 100vh; - border-right: 1px solid var(--basic-gray-2,red); - word-spacing: -1px; + border-right: 1px solid var(--basic-gray-2); + font-weight: 400; font-size: 14px; - letter-spacing: 0.33px; + background-color: white; display: flex; color: var(--basic-gray-7); +} + +.suitkin_components_sidebar_view-20-19 { + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } \ No newline at end of file diff --git a/resources/public/suitkin/img/aidbox-logo.svg b/resources/public/suitkin/img/aidbox-logo.svg new file mode 100644 index 0000000..82b4808 --- /dev/null +++ b/resources/public/suitkin/img/aidbox-logo.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/resources/public/suitkin/img/icon/aidbox-logo-gray.svg b/resources/public/suitkin/img/icon/aidbox-logo-gray.svg deleted file mode 100644 index b85080a..0000000 --- a/resources/public/suitkin/img/icon/aidbox-logo-gray.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - diff --git a/resources/public/suitkin/img/icon/aidbox-name.svg b/resources/public/suitkin/img/icon/aidbox-name.svg deleted file mode 100644 index 2e59047..0000000 --- a/resources/public/suitkin/img/icon/aidbox-name.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/resources/public/suitkin/img/icon/apps.svg b/resources/public/suitkin/img/icon/apps.svg deleted file mode 100644 index 3a7f2e9..0000000 --- a/resources/public/suitkin/img/icon/apps.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/resources/public/suitkin/img/icon/auth-sandbox.svg b/resources/public/suitkin/img/icon/auth-sandbox.svg deleted file mode 100644 index 7aad666..0000000 --- a/resources/public/suitkin/img/icon/auth-sandbox.svg +++ /dev/null @@ -1,17 +0,0 @@ - - - - - - - - - - - - - - - - - diff --git a/resources/public/suitkin/img/icon/box.svg b/resources/public/suitkin/img/icon/box.svg deleted file mode 100644 index 1c9d9fb..0000000 --- a/resources/public/suitkin/img/icon/box.svg +++ /dev/null @@ -1,23 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - diff --git a/resources/public/suitkin/img/icon/chevron.svg b/resources/public/suitkin/img/icon/chevron.svg deleted file mode 100644 index b0297a7..0000000 --- a/resources/public/suitkin/img/icon/chevron.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/resources/public/suitkin/img/icon/cloud-cog.svg b/resources/public/suitkin/img/icon/cloud-cog.svg deleted file mode 100644 index ccf4aa9..0000000 --- a/resources/public/suitkin/img/icon/cloud-cog.svg +++ /dev/null @@ -1,16 +0,0 @@ - - - - - - - - - - - - - - - - diff --git a/resources/public/suitkin/img/icon/database-code.svg b/resources/public/suitkin/img/icon/database-code.svg deleted file mode 100644 index cdcb169..0000000 --- a/resources/public/suitkin/img/icon/database-code.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/resources/public/suitkin/img/icon/database-operations.svg b/resources/public/suitkin/img/icon/database-operations.svg deleted file mode 100644 index f1c10b6..0000000 --- a/resources/public/suitkin/img/icon/database-operations.svg +++ /dev/null @@ -1,17 +0,0 @@ - - - - - - - - - - - - - - - - - diff --git a/resources/public/suitkin/img/icon/database-query.svg b/resources/public/suitkin/img/icon/database-query.svg deleted file mode 100644 index c4338b2..0000000 --- a/resources/public/suitkin/img/icon/database-query.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - - - diff --git a/resources/public/suitkin/img/icon/database-resource.svg b/resources/public/suitkin/img/icon/database-resource.svg deleted file mode 100644 index 18a2e41..0000000 --- a/resources/public/suitkin/img/icon/database-resource.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/resources/public/suitkin/img/icon/database.svg b/resources/public/suitkin/img/icon/database.svg deleted file mode 100644 index 4da3beb..0000000 --- a/resources/public/suitkin/img/icon/database.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/resources/public/suitkin/img/icon/doc-book.svg b/resources/public/suitkin/img/icon/doc-book.svg deleted file mode 100644 index cf30126..0000000 --- a/resources/public/suitkin/img/icon/doc-book.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/resources/public/suitkin/img/icon/form.svg b/resources/public/suitkin/img/icon/form.svg deleted file mode 100644 index 11edc32..0000000 --- a/resources/public/suitkin/img/icon/form.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - - - diff --git a/resources/public/suitkin/img/icon/graphsql.svg b/resources/public/suitkin/img/icon/graphsql.svg deleted file mode 100644 index 5c59305..0000000 --- a/resources/public/suitkin/img/icon/graphsql.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/resources/public/suitkin/img/icon/headphones.svg b/resources/public/suitkin/img/icon/headphones.svg deleted file mode 100644 index b530b81..0000000 --- a/resources/public/suitkin/img/icon/headphones.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/resources/public/suitkin/img/icon/ic-analytics-16.svg b/resources/public/suitkin/img/icon/ic-analytics-16.svg new file mode 100644 index 0000000..03d12b2 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-analytics-16.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/resources/public/suitkin/img/icon/ic-apps-16.svg b/resources/public/suitkin/img/icon/ic-apps-16.svg new file mode 100644 index 0000000..b0a029d --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-apps-16.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/resources/public/suitkin/img/icon/ic-auth-sandbox-16.svg b/resources/public/suitkin/img/icon/ic-auth-sandbox-16.svg new file mode 100644 index 0000000..18fdd4c --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-auth-sandbox-16.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/resources/public/suitkin/img/icon/ic-ban-16.svg b/resources/public/suitkin/img/icon/ic-ban-16.svg new file mode 100644 index 0000000..8a8c622 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-ban-16.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/resources/public/suitkin/img/icon/ic-books-16.svg b/resources/public/suitkin/img/icon/ic-books-16.svg new file mode 100644 index 0000000..ad9cf5f --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-books-16.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/resources/public/suitkin/img/icon/ic-bot-16.svg b/resources/public/suitkin/img/icon/ic-bot-16.svg new file mode 100644 index 0000000..5ec8f46 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-bot-16.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/resources/public/suitkin/img/icon/ic-box-16-1.svg b/resources/public/suitkin/img/icon/ic-box-16-1.svg new file mode 100644 index 0000000..7fe09b9 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-box-16-1.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/resources/public/suitkin/img/icon/ic-box-16.svg b/resources/public/suitkin/img/icon/ic-box-16.svg new file mode 100644 index 0000000..f394047 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-box-16.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/resources/public/suitkin/img/icon/ic-calendar-days-16.svg b/resources/public/suitkin/img/icon/ic-calendar-days-16.svg new file mode 100644 index 0000000..14133e6 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-calendar-days-16.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/resources/public/suitkin/img/icon/ic-check-16.svg b/resources/public/suitkin/img/icon/ic-check-16.svg new file mode 100644 index 0000000..9a1aaed --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-check-16.svg @@ -0,0 +1,3 @@ + + + diff --git a/resources/public/suitkin/img/icon/ic-checkbox-16.svg b/resources/public/suitkin/img/icon/ic-checkbox-16.svg new file mode 100644 index 0000000..7e9c0b6 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-checkbox-16.svg @@ -0,0 +1,4 @@ + + + + diff --git a/resources/public/suitkin/img/icon/ic-chevron-down-16.svg b/resources/public/suitkin/img/icon/ic-chevron-down-16.svg new file mode 100644 index 0000000..e84ded0 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-chevron-down-16.svg @@ -0,0 +1,3 @@ + + + diff --git a/resources/public/suitkin/img/icon/ic-chevron-left-16.svg b/resources/public/suitkin/img/icon/ic-chevron-left-16.svg new file mode 100644 index 0000000..458caff --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-chevron-left-16.svg @@ -0,0 +1,3 @@ + + + diff --git a/resources/public/suitkin/img/icon/ic-chevron-right-16.svg b/resources/public/suitkin/img/icon/ic-chevron-right-16.svg new file mode 100644 index 0000000..df620d6 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-chevron-right-16.svg @@ -0,0 +1,3 @@ + + + diff --git a/resources/public/suitkin/img/icon/ic-chevron-up-16.svg b/resources/public/suitkin/img/icon/ic-chevron-up-16.svg new file mode 100644 index 0000000..5b82f77 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-chevron-up-16.svg @@ -0,0 +1,3 @@ + + + diff --git a/resources/public/suitkin/img/icon/ic-close-16.svg b/resources/public/suitkin/img/icon/ic-close-16.svg new file mode 100644 index 0000000..1de11c7 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-close-16.svg @@ -0,0 +1,4 @@ + + + + diff --git a/resources/public/suitkin/img/icon/ic-cloud-cog-16.svg b/resources/public/suitkin/img/icon/ic-cloud-cog-16.svg new file mode 100644 index 0000000..7346227 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-cloud-cog-16.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/resources/public/suitkin/img/icon/code.svg b/resources/public/suitkin/img/icon/ic-code-16.svg similarity index 87% rename from resources/public/suitkin/img/icon/code.svg rename to resources/public/suitkin/img/icon/ic-code-16.svg index 55a09c4..1e36dcf 100644 --- a/resources/public/suitkin/img/icon/code.svg +++ b/resources/public/suitkin/img/icon/ic-code-16.svg @@ -1,5 +1,5 @@ - - - + + + diff --git a/resources/public/suitkin/img/icon/ic-database-16.svg b/resources/public/suitkin/img/icon/ic-database-16.svg new file mode 100644 index 0000000..ad0074c --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-database-16.svg @@ -0,0 +1,3 @@ + + + diff --git a/resources/public/suitkin/img/icon/ic-database-code-16.svg b/resources/public/suitkin/img/icon/ic-database-code-16.svg new file mode 100644 index 0000000..ebbe330 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-database-code-16.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/resources/public/suitkin/img/icon/ic-database-messages-16.svg b/resources/public/suitkin/img/icon/ic-database-messages-16.svg new file mode 100644 index 0000000..817189b --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-database-messages-16.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/resources/public/suitkin/img/icon/ic-database-operations-16.svg b/resources/public/suitkin/img/icon/ic-database-operations-16.svg new file mode 100644 index 0000000..780966b --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-database-operations-16.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/resources/public/suitkin/img/icon/ic-database-query-16.svg b/resources/public/suitkin/img/icon/ic-database-query-16.svg new file mode 100644 index 0000000..6965b1a --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-database-query-16.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/resources/public/suitkin/img/icon/ic-database-resource-16.svg b/resources/public/suitkin/img/icon/ic-database-resource-16.svg new file mode 100644 index 0000000..dad3f7d --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-database-resource-16.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/resources/public/suitkin/img/icon/ic-doc-book-16.svg b/resources/public/suitkin/img/icon/ic-doc-book-16.svg new file mode 100644 index 0000000..29368f3 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-doc-book-16.svg @@ -0,0 +1,4 @@ + + + + diff --git a/resources/public/suitkin/img/icon/ic-file-check-16.svg b/resources/public/suitkin/img/icon/ic-file-check-16.svg new file mode 100644 index 0000000..56e04c5 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-file-check-16.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/resources/public/suitkin/img/icon/ic-files-16.svg b/resources/public/suitkin/img/icon/ic-files-16.svg new file mode 100644 index 0000000..395d846 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-files-16.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/resources/public/suitkin/img/icon/ic-form-16.svg b/resources/public/suitkin/img/icon/ic-form-16.svg new file mode 100644 index 0000000..99f5230 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-form-16.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/resources/public/suitkin/img/icon/ic-graphql-16.svg b/resources/public/suitkin/img/icon/ic-graphql-16.svg new file mode 100644 index 0000000..07aa16c --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-graphql-16.svg @@ -0,0 +1,4 @@ + + + + diff --git a/resources/public/suitkin/img/icon/ic-headphones-16.svg b/resources/public/suitkin/img/icon/ic-headphones-16.svg new file mode 100644 index 0000000..24c24bb --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-headphones-16.svg @@ -0,0 +1,3 @@ + + + diff --git a/resources/public/suitkin/img/icon/ic-help-circle-16.svg b/resources/public/suitkin/img/icon/ic-help-circle-16.svg new file mode 100644 index 0000000..d6722dc --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-help-circle-16.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/resources/public/suitkin/img/icon/ic-home-16.svg b/resources/public/suitkin/img/icon/ic-home-16.svg new file mode 100644 index 0000000..5f9ab24 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-home-16.svg @@ -0,0 +1,4 @@ + + + + diff --git a/resources/public/suitkin/img/icon/ic-integration-16.svg b/resources/public/suitkin/img/icon/ic-integration-16.svg new file mode 100644 index 0000000..0171076 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-integration-16.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/resources/public/suitkin/img/icon/puzzle.svg b/resources/public/suitkin/img/icon/ic-integrations-puzzle-16.svg similarity index 99% rename from resources/public/suitkin/img/icon/puzzle.svg rename to resources/public/suitkin/img/icon/ic-integrations-puzzle-16.svg index 49572e5..63b14b8 100644 --- a/resources/public/suitkin/img/icon/puzzle.svg +++ b/resources/public/suitkin/img/icon/ic-integrations-puzzle-16.svg @@ -1,3 +1,3 @@ - + diff --git a/resources/public/suitkin/img/icon/ic-keys-16.svg b/resources/public/suitkin/img/icon/ic-keys-16.svg new file mode 100644 index 0000000..c9ad790 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-keys-16.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/resources/public/suitkin/img/icon/ic-laptop-gear-16.svg b/resources/public/suitkin/img/icon/ic-laptop-gear-16.svg new file mode 100644 index 0000000..07e1d10 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-laptop-gear-16.svg @@ -0,0 +1,4 @@ + + + + diff --git a/resources/public/suitkin/img/icon/ic-list-ordered-16.svg b/resources/public/suitkin/img/icon/ic-list-ordered-16.svg new file mode 100644 index 0000000..684a512 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-list-ordered-16.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/resources/public/suitkin/img/icon/ic-lock-16.svg b/resources/public/suitkin/img/icon/ic-lock-16.svg new file mode 100644 index 0000000..e2a2149 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-lock-16.svg @@ -0,0 +1,4 @@ + + + + diff --git a/resources/public/suitkin/img/icon/ic-logout-16.svg b/resources/public/suitkin/img/icon/ic-logout-16.svg new file mode 100644 index 0000000..ae0d64a --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-logout-16.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/resources/public/suitkin/img/icon/ic-mail-16.svg b/resources/public/suitkin/img/icon/ic-mail-16.svg new file mode 100644 index 0000000..644c0d1 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-mail-16.svg @@ -0,0 +1,4 @@ + + + + diff --git a/resources/public/suitkin/img/icon/mappings.svg b/resources/public/suitkin/img/icon/ic-mappings-16.svg similarity index 72% rename from resources/public/suitkin/img/icon/mappings.svg rename to resources/public/suitkin/img/icon/ic-mappings-16.svg index 9f1ed24..aea77d8 100644 --- a/resources/public/suitkin/img/icon/mappings.svg +++ b/resources/public/suitkin/img/icon/ic-mappings-16.svg @@ -1,12 +1,9 @@ - - - - - - - - + + + + + @@ -15,7 +12,4 @@ - - - diff --git a/resources/public/suitkin/img/icon/ic-more-horizontal-16.svg b/resources/public/suitkin/img/icon/ic-more-horizontal-16.svg new file mode 100644 index 0000000..6743ad9 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-more-horizontal-16.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/resources/public/suitkin/img/icon/ic-more-vertical-16.svg b/resources/public/suitkin/img/icon/ic-more-vertical-16.svg new file mode 100644 index 0000000..9901b23 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-more-vertical-16.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/resources/public/suitkin/img/icon/ic-notebook-16.svg b/resources/public/suitkin/img/icon/ic-notebook-16.svg new file mode 100644 index 0000000..36a6e89 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-notebook-16.svg @@ -0,0 +1,4 @@ + + + + diff --git a/resources/public/suitkin/img/icon/ic-notebook-play-16.svg b/resources/public/suitkin/img/icon/ic-notebook-play-16.svg new file mode 100644 index 0000000..2644177 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-notebook-play-16.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/resources/public/suitkin/img/icon/ic-operation-gear-16.svg b/resources/public/suitkin/img/icon/ic-operation-gear-16.svg new file mode 100644 index 0000000..a5c0bd7 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-operation-gear-16.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/resources/public/suitkin/img/icon/ic-operations2-16.svg b/resources/public/suitkin/img/icon/ic-operations2-16.svg new file mode 100644 index 0000000..e48e593 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-operations2-16.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/resources/public/suitkin/img/icon/ic-phone-16.svg b/resources/public/suitkin/img/icon/ic-phone-16.svg new file mode 100644 index 0000000..f557e30 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-phone-16.svg @@ -0,0 +1,3 @@ + + + diff --git a/resources/public/suitkin/img/icon/ic-plus-16.svg b/resources/public/suitkin/img/icon/ic-plus-16.svg new file mode 100644 index 0000000..49683a0 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-plus-16.svg @@ -0,0 +1,4 @@ + + + + diff --git a/resources/public/suitkin/img/icon/ic-profile-16.svg b/resources/public/suitkin/img/icon/ic-profile-16.svg new file mode 100644 index 0000000..45c2b1a --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-profile-16.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/resources/public/suitkin/img/icon/ic-profiling-16.svg b/resources/public/suitkin/img/icon/ic-profiling-16.svg new file mode 100644 index 0000000..391c02d --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-profiling-16.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/resources/public/suitkin/img/icon/ic-repeat-16.svg b/resources/public/suitkin/img/icon/ic-repeat-16.svg new file mode 100644 index 0000000..65ba61e --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-repeat-16.svg @@ -0,0 +1,4 @@ + + + + diff --git a/resources/public/suitkin/img/icon/ic-rocket-16.svg b/resources/public/suitkin/img/icon/ic-rocket-16.svg new file mode 100644 index 0000000..3546efa --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-rocket-16.svg @@ -0,0 +1,4 @@ + + + + diff --git a/resources/public/suitkin/img/icon/ic-search-16.svg b/resources/public/suitkin/img/icon/ic-search-16.svg new file mode 100644 index 0000000..823e767 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-search-16.svg @@ -0,0 +1,4 @@ + + + + diff --git a/resources/public/suitkin/img/icon/ic-shield-shield-check-16.svg b/resources/public/suitkin/img/icon/ic-shield-shield-check-16.svg new file mode 100644 index 0000000..98930b3 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-shield-shield-check-16.svg @@ -0,0 +1,4 @@ + + + + diff --git a/resources/public/suitkin/img/icon/ic-shield-user-16.svg b/resources/public/suitkin/img/icon/ic-shield-user-16.svg new file mode 100644 index 0000000..f2f4525 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-shield-user-16.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/resources/public/suitkin/img/icon/ic-stats-16.svg b/resources/public/suitkin/img/icon/ic-stats-16.svg new file mode 100644 index 0000000..cb317ee --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-stats-16.svg @@ -0,0 +1,4 @@ + + + + diff --git a/resources/public/suitkin/img/icon/ic-table-16.svg b/resources/public/suitkin/img/icon/ic-table-16.svg new file mode 100644 index 0000000..fd2a8a9 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-table-16.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/resources/public/suitkin/img/icon/ic-tag-16.svg b/resources/public/suitkin/img/icon/ic-tag-16.svg new file mode 100644 index 0000000..a74266f --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-tag-16.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/resources/public/suitkin/img/icon/ic-terminal-16.svg b/resources/public/suitkin/img/icon/ic-terminal-16.svg new file mode 100644 index 0000000..fde04fe --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-terminal-16.svg @@ -0,0 +1,4 @@ + + + + diff --git a/resources/public/suitkin/img/icon/ic-terminology-16.svg b/resources/public/suitkin/img/icon/ic-terminology-16.svg new file mode 100644 index 0000000..e22162b --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-terminology-16.svg @@ -0,0 +1,4 @@ + + + + diff --git a/resources/public/suitkin/img/icon/ic-trash-delete-16.svg b/resources/public/suitkin/img/icon/ic-trash-delete-16.svg new file mode 100644 index 0000000..b1b75a4 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-trash-delete-16.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/resources/public/suitkin/img/icon/ic-user-16.svg b/resources/public/suitkin/img/icon/ic-user-16.svg new file mode 100644 index 0000000..703c422 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-user-16.svg @@ -0,0 +1,3 @@ + + + diff --git a/resources/public/suitkin/img/icon/ic-users-16.svg b/resources/public/suitkin/img/icon/ic-users-16.svg new file mode 100644 index 0000000..556649f --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-users-16.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/resources/public/suitkin/img/icon/ic-value-set-16.svg b/resources/public/suitkin/img/icon/ic-value-set-16.svg new file mode 100644 index 0000000..4969931 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-value-set-16.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/resources/public/suitkin/img/icon/ic-whole-word-16.svg b/resources/public/suitkin/img/icon/ic-whole-word-16.svg new file mode 100644 index 0000000..7b0cf63 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-whole-word-16.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/resources/public/suitkin/img/icon/ic-worflow-2-16.svg b/resources/public/suitkin/img/icon/ic-worflow-2-16.svg new file mode 100644 index 0000000..5552d9d --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-worflow-2-16.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/resources/public/suitkin/img/icon/ic-workflow-16.svg b/resources/public/suitkin/img/icon/ic-workflow-16.svg new file mode 100644 index 0000000..987a410 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-workflow-16.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/resources/public/suitkin/img/icon/ic-workflow2-16.svg b/resources/public/suitkin/img/icon/ic-workflow2-16.svg new file mode 100644 index 0000000..1d91393 --- /dev/null +++ b/resources/public/suitkin/img/icon/ic-workflow2-16.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/resources/public/suitkin/img/icon/integration.svg b/resources/public/suitkin/img/icon/integration.svg deleted file mode 100644 index 3cb357e..0000000 --- a/resources/public/suitkin/img/icon/integration.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/resources/public/suitkin/img/icon/keys.svg b/resources/public/suitkin/img/icon/keys.svg deleted file mode 100644 index 24b7f57..0000000 --- a/resources/public/suitkin/img/icon/keys.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/resources/public/suitkin/img/icon/lock.svg b/resources/public/suitkin/img/icon/lock.svg deleted file mode 100644 index a4e7536..0000000 --- a/resources/public/suitkin/img/icon/lock.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/resources/public/suitkin/img/icon/logout.svg b/resources/public/suitkin/img/icon/logout.svg deleted file mode 100644 index 4959d9a..0000000 --- a/resources/public/suitkin/img/icon/logout.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/resources/public/suitkin/img/icon/notebook.svg b/resources/public/suitkin/img/icon/notebook.svg deleted file mode 100644 index ba5a0b2..0000000 --- a/resources/public/suitkin/img/icon/notebook.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/resources/public/suitkin/img/icon/plus.svg b/resources/public/suitkin/img/icon/plus.svg deleted file mode 100644 index 5cc7840..0000000 --- a/resources/public/suitkin/img/icon/plus.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/resources/public/suitkin/img/icon/profile.svg b/resources/public/suitkin/img/icon/profile.svg deleted file mode 100644 index ecc91b7..0000000 --- a/resources/public/suitkin/img/icon/profile.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - diff --git a/resources/public/suitkin/img/icon/profiling.svg b/resources/public/suitkin/img/icon/profiling.svg deleted file mode 100644 index d4618c0..0000000 --- a/resources/public/suitkin/img/icon/profiling.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/resources/public/suitkin/img/icon/repeat.svg b/resources/public/suitkin/img/icon/repeat.svg deleted file mode 100644 index a03bd59..0000000 --- a/resources/public/suitkin/img/icon/repeat.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/resources/public/suitkin/img/icon/shield-check.svg b/resources/public/suitkin/img/icon/shield-check.svg deleted file mode 100644 index bc5bdab..0000000 --- a/resources/public/suitkin/img/icon/shield-check.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/resources/public/suitkin/img/icon/stats.svg b/resources/public/suitkin/img/icon/stats.svg deleted file mode 100644 index 36f3de9..0000000 --- a/resources/public/suitkin/img/icon/stats.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/resources/public/suitkin/img/icon/table.svg b/resources/public/suitkin/img/icon/table.svg deleted file mode 100644 index dcfbcc1..0000000 --- a/resources/public/suitkin/img/icon/table.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/resources/public/suitkin/img/icon/tag.svg b/resources/public/suitkin/img/icon/tag.svg deleted file mode 100644 index 65a5677..0000000 --- a/resources/public/suitkin/img/icon/tag.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/resources/public/suitkin/img/icon/terminal.svg b/resources/public/suitkin/img/icon/terminal.svg deleted file mode 100644 index 9560ad4..0000000 --- a/resources/public/suitkin/img/icon/terminal.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/resources/public/suitkin/img/icon/terminology.svg b/resources/public/suitkin/img/icon/terminology.svg deleted file mode 100644 index 63124e7..0000000 --- a/resources/public/suitkin/img/icon/terminology.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/resources/public/suitkin/img/icon/users.svg b/resources/public/suitkin/img/icon/users.svg deleted file mode 100644 index 8861796..0000000 --- a/resources/public/suitkin/img/icon/users.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/resources/public/suitkin/img/icon/workflow.svg b/resources/public/suitkin/img/icon/workflow.svg deleted file mode 100644 index 5b412a1..0000000 --- a/resources/public/suitkin/img/icon/workflow.svg +++ /dev/null @@ -1,16 +0,0 @@ - - - - - - - - - - - - - - - - diff --git a/src/suitkin/components/sidebar.cljc b/src/suitkin/components/sidebar.cljc new file mode 100644 index 0000000..849975a --- /dev/null +++ b/src/suitkin/components/sidebar.cljc @@ -0,0 +1,2 @@ +(ns suitkin.components.sidebar + (:require [suitkin.utils :as u])) diff --git a/src/suitkin/components/sidebar/styles.cljc b/src/suitkin/components/sidebar/styles.cljc index 65a93d7..7552526 100644 --- a/src/suitkin/components/sidebar/styles.cljc +++ b/src/suitkin/components/sidebar/styles.cljc @@ -5,60 +5,63 @@ (def root (c [:w "240px"] [:h "100vh"] - {:color "var(--basic-gray-7)" + :flex + {:color "var(--basic-gray-7)" :background-color "white" - :font-size "14px" - :display "flex" - :flex-flow "column" - :letter-spacing "0.33px" - :word-spacing "-1px" - :line-height "20px" - :border-right "1px solid var(--basic-gray-2,red)"})) + :font-family "Inter" + :font-size "14px" + :font-weight "400" + :line-height "20px" + :flex-flow "column" + :border-right "1px solid var(--basic-gray-2)"})) (def submenu (c [:p "4px"] + [:pb "0px"] [:mb "16px"] - {:border-top "1px solid var(--basic-gray-2,red)"})) + {:border-top "1px solid var(--basic-gray-2)"})) (def header - (c :font-extrabold - :flex + (c :flex + :class :items-center - :h-auto [:space-x "4px"] - [:py "14px"] - [:px "16px"] - {:font-size "16px" :letter-spacing "0.48px" :color "#353B50"})) + [:py "16px"] + [:px "17px"])) (def content-items (c :w-full - [[:details - {:width "100%"}] - ["a.item-active" - {:background-color "var(--basic-gray-1)"}] - ["a:hover" - {:color "inherit"}] - ["a:not(.item-active):hover" - {:background-color "var(--basic-gray-0)" :color "inherit"}] - #_["a:active" - {:background-color "var(--basic-gray-1)!important"}] + [[:details {:width "100%"}] + ["ul.root > li:last-child" {:margin-bottom "100px"}] + ["a.item-active" {:background-color "var(--basic-gray-1)"}] + ["a:hover" {:color "inherit"}] + ["a:not(.item-active):hover" {:background-color "var(--basic-gray-0)" :color "inherit"}] + ["li a" {:padding-left "16px"}] + ["li li a" {:padding-left "40px"}] [:a {:width "100%" :border-radius "4px" :cursor "pointer"}]])) (def menu-item - (c :flex :truncate :justify-between - {:padding "6px 16px 6px 16px" - :border-radius "4px"} - [[:img {:display "inline-block"}]])) + (c :flex + :w-full + :items-center + [:space-x "8px"] + {:padding "6px 16px 6px 0px" :border-radius "4px"})) + +(def divider + (c [:my "8px"] [:mx "6px"] {:color "var(--basic-gray-2)"} :w-full)) (def content-item (c :flex :select-none :cursor-pointer - [[:.chevron - {:transition ".15s transform ease"}] - ["details[open]" - [:.chevron {:transform "rotate(90deg)"}]]])) + [[:.chevron {:transition ".15s transform ease" + :filter "invert(44%) sepia(8%) saturate(656%) hue-rotate(191deg) brightness(85%) contrast(88%)"}] + ["details[open]" [:.chevron {:transform "rotate(90deg)"}]]])) (def content - (c :flex [:mx "4px"] [:mt "4px"] {:overflow-y "auto" :height "100%"})) + (c :flex + [:ml "4px"] + [:mr "3px"] + [:mt "4px"] + {:overflow-y "auto" :height "100%"})) diff --git a/src/suitkin/components/sidebar/view.cljc b/src/suitkin/components/sidebar/view.cljc index 19800bb..d0bc4ff 100644 --- a/src/suitkin/components/sidebar/view.cljc +++ b/src/suitkin/components/sidebar/view.cljc @@ -5,39 +5,42 @@ [stylo.core :refer [c]] [suitkin.utils :as u])) -(defn details-animation - [element] +(defn details-constructor + [element item] (when element - #?(:cljs (new js/Accordion element)))) + #?(:cljs + (do (new js/Accordion element) + (when (m/open-menu-item? item) + (set! (.-open element) true) + ))))) (defn menu-item - [item & [padding]] - [:a {:class [s/menu-item (when (:active item) "item-active")] - :style {:padding-left (str padding "px")} - :on-click (:on-click item) - :target (:target item) - :href (:href item)} - [:div - [:img {:src (u/public-src (:img item)) :class (c [:pr "8px"])}] - [:span (:title item)]] + [item] + [:a (merge {:class [s/menu-item (when (:active item) "item-active")]} (dissoc item :items :img)) + [:img {:src (u/public-src (:img item))}] + [:span {:class (c :w-full :truncate {:color "var(--basic-gray-7)"})} (:title item)] (when (:items item) - [:img.chevron {:src (u/public-src "/suitkin/img/icon/chevron.svg")}])]) + [:img.chevron {:src (u/public-src "/suitkin/img/icon/ic-chevron-right-16.svg")}])]) (defn menu-items - [node & [padding]] - (let [padding (or padding 16)] - [:ul {:class s/content-items} - (for [item (:items node)] - [:li {:class s/content-item :key (:title item)} - (if (:items item) - [:details {:ref details-animation} - [:summary [menu-item item padding]] - [:div.content [menu-items item (+ padding 24)]]] - [menu-item item padding])])])) + [node] + [:ul {:class s/content-items} + (for [item (:items node)] + [:li {:class s/content-item :key (:title item)} + (cond + (:items item) + [:details {:ref #(details-constructor % item)} + [:summary [menu-item item]] + [:div.content [menu-items item]]] + (:divider item) + [:hr {:class s/divider}] + (:space item) + [:hr {:class (c [:pb "4px"])}] + :else [menu-item item])])]) (defn component [properties] [:aside {:class s/root} - [:div {:class s/header} (:logo properties) (:brand properties)] + [:div {:class s/header} (:logo properties)] [:div {:class s/content} [menu-items (:menu properties)]] [:div {:class s/submenu} [menu-items (:submenu properties)]]]) diff --git a/src/ui/navigation.cljc b/src/ui/navigation.cljc index 56a69b3..2674039 100644 --- a/src/ui/navigation.cljc +++ b/src/ui/navigation.cljc @@ -14,55 +14,64 @@ [] [:div {:class (c {:height "100%"})} [suitkin.core/sidebar - {:logo [:img {:src (u/public-src "/suitkin/img/icon/aidbox-logo-gray.svg")}] - :brand [:img {:src (u/public-src "/suitkin/img/icon/aidbox-name.svg")}] + {:logo [:img {:height "24px" :src (u/public-src "/suitkin/img/aidbox-logo.svg")}] :submenu {:items [{:title "Documentation" :href "https://docs.aidbox.app/" - :img "/suitkin/img/icon/doc-book.svg" - :new-tab? true} + :img "/suitkin/img/icon/ic-doc-book-16.svg" + :target "_blank"} {:title "Support" - :img "/suitkin/img/icon/headphones.svg"} + :img "/suitkin/img/icon/ic-headphones-16.svg"} {:title "Logout" - :img "/suitkin/img/icon/logout.svg"}]} + :img "/suitkin/img/icon/ic-logout-16.svg"}]} :menu {:items [{:title "Notebooks" - :img "/suitkin/img/icon/notebook.svg"} - {:title "FHIR Database" - :img "/suitkin/img/icon/database.svg" - :items [{:title "REST Console" :img "/suitkin/img/icon/terminal.svg"} - {:title "DB Console" :img "/suitkin/img/icon/database-code.svg"} - {:title "DB Tables" :img "/suitkin/img/icon/table.svg"} - {:title "DB Queries" :img "/suitkin/img/icon/database-query.svg"} - {:title "Attrs Stats" :img "/suitkin/img/icon/stats.svg"}]} + :img "/suitkin/img/icon/ic-notebook-play-16.svg"} + {:title "Resources" + :img "/suitkin/img/icon/ic-workflow-16.svg"} {:title "APIs" - :img "/suitkin/img/icon/cloud-cog.svg" - :items [{:title "GraphQL" :img "/suitkin/img/icon/graphsql.svg"} - {:title "Apps" :img "/suitkin/img/icon/apps.svg"}]} - {:title "FHIR Profiling" - :img "/suitkin/img/icon/profiling.svg" - :items [{:title "Profiles" :img "/suitkin/img/icon/profile.svg"} - {:title "Resources" :img "/suitkin/img/icon/database-resource.svg"} - {:title "Operations" :img "/suitkin/img/icon/database-operations.svg"}]} - {:title "Access control" - :img "/suitkin/img/icon/keys.svg" - :items [{:title "Auth Clients" :img "/suitkin/img/icon/shield-check.svg"} - {:title "Users" :img "/suitkin/img/icon/users.svg"} - {:title "Access Control" :img "/suitkin/img/icon/database.svg"} - {:title "Auth Sandbox" :img "/suitkin/img/icon/auth-sandbox.svg"}]} + :img "/suitkin/img/icon/ic-cloud-cog-16.svg" + :items [{:title "Operations" :img "/suitkin/img/icon/ic-operations2-16.svg"} + {:title "REST Console" :img "/suitkin/img/icon/ic-terminal-16.svg" :active true} + {:title "GraphQL" :img "/suitkin/img/icon/ic-graphql-16.svg"}]} + {:title "Auth" + :img "/suitkin/img/icon/ic-lock-16.svg" + :items [{:title "Clients" :img "/suitkin/img/icon/ic-bot-16.svg"} + {:title "Users" :img "/suitkin/img/icon/ic-users-16.svg"} + {:title "Access Control" :img "/suitkin/img/icon/ic-shield-shield-check-16.svg"} + {:title "Sandbox" :img "/suitkin/img/icon/ic-auth-sandbox-16.svg"}]} + {:title "Profiles" + :img "/suitkin/img/icon/ic-worflow-2-16.svg"} {:title "Terminology" - :img "/suitkin/img/icon/terminology.svg" - :items [{:title "Code Systems" :img "/suitkin/img/icon/tag.svg"} - {:title "Value Sets" :img "/suitkin/img/icon/tag.svg"} - {:title "Concepts" :img "/suitkin/img/icon/tag.svg"}]} - {:title "Modules" - :img "/suitkin/img/icon/box.svg" - :items [{:title "Aidbox Forms" :img "/suitkin/img/icon/form.svg"} - {:title "Workflow Engine" :img "/suitkin/img/icon/workflow.svg"} - {:title "Task" :img "/suitkin/img/icon/repeat.svg"}]} - {:title "Integrations" - :img "/suitkin/img/icon/puzzle.svg" - :items [{:title "Mappings" :img "/suitkin/img/icon/mappings.svg"} - {:title "HL7 v2" :img "/suitkin/img/icon/integration.svg"}]}]}}]]) + :img "/suitkin/img/icon/ic-terminology-16.svg" + :items [{:title "Code Systems" :img "/suitkin/img/icon/ic-books-16.svg"} + {:title "Concepts" :img "/suitkin/img/icon/ic-whole-word-16.svg"} + {:title "Value Sets" :img "/suitkin/img/icon/ic-value-set-16.svg"}]} + {:title "Database" + :img "/suitkin/img/icon/ic-database-16.svg" + :items [{:title "SQL" :img "/suitkin/img/icon/ic-database-code-16.svg"} + {:title "Tables" :img "/suitkin/img/icon/ic-table-16.svg"} + {:title "Running Queries" :img "/suitkin/img/icon/ic-database-query-16.svg"} + {:title "Attrs Stats" :img "/suitkin/img/icon/ic-stats-16.svg"}]} + {:title "Analytics" + :img "/suitkin/img/icon/ic-analytics-16.svg" + :items [{:title "SQL" :img "/suitkin/img/icon/ic-database-code-16.svg"}]} + {:title "Workflow Engine" + :img "/suitkin/img/icon/ic-workflow2-16.svg" + :items [{:title "Workflows" :img "/suitkin/img/icon/ic-workflow2-16.svg"} + {:title "Tasks" :img "/suitkin/img/icon/ic-checkbox-16.svg"}]} + {:divider true} + {:title "Aidbox Forms" + :img "/suitkin/img/icon/ic-form-16.svg"} + {:title "Apps" + :img "/suitkin/img/icon/ic-apps-16.svg"} + {:title "HL7 v2" + :img "/suitkin/img/icon/ic-integration-16.svg" + :items [{:title "Messages" + :img "/suitkin/img/icon/ic-database-messages-16.svg"} + {:title "Mappings" + :img "/suitkin/img/icon/ic-mappings-16.svg"}]} + {:space true} + ]}}]])