diff --git a/frontend/src/app/app.component.ts b/frontend/src/app/app.component.ts index c49fc9e36..ea1a35ae5 100644 --- a/frontend/src/app/app.component.ts +++ b/frontend/src/app/app.component.ts @@ -109,6 +109,8 @@ export class AppComponent { this.matIconRegistry.addSvgIcon("dynamodb", this.domSanitizer.bypassSecurityTrustResourceUrl("/assets/icons/db-logos/dynamodb_logo.svg")); this.matIconRegistry.addSvgIcon("ibmdb2", this.domSanitizer.bypassSecurityTrustResourceUrl("/assets/icons/db-logos/db2_logo.svg")); this.matIconRegistry.addSvgIcon("cassandra", this.domSanitizer.bypassSecurityTrustResourceUrl("/assets/icons/db-logos/сassandra_logo.svg")); + this.matIconRegistry.addSvgIcon("redis", this.domSanitizer.bypassSecurityTrustResourceUrl("/assets/icons/db-logos/redis_logo.svg")); + this.matIconRegistry.addSvgIcon("elasticsearch", this.domSanitizer.bypassSecurityTrustResourceUrl("/assets/icons/db-logos/elasticsearch_logo.svg")); this.matIconRegistry.addSvgIcon("github", this.domSanitizer.bypassSecurityTrustResourceUrl("/assets/icons/github.svg")); this.matIconRegistry.addSvgIcon("google", this.domSanitizer.bypassSecurityTrustResourceUrl("/assets/icons/google.svg")); this.matIconRegistry.addSvgIcon("ai_rocket", this.domSanitizer.bypassSecurityTrustResourceUrl("/assets/icons/ai-rocket.svg")); diff --git a/frontend/src/app/components/connections-list/own-connections/own-connections.component.css b/frontend/src/app/components/connections-list/own-connections/own-connections.component.css index b0735d9e4..0f77fab94 100644 --- a/frontend/src/app/components/connections-list/own-connections/own-connections.component.css +++ b/frontend/src/app/components/connections-list/own-connections/own-connections.component.css @@ -53,6 +53,7 @@ .addConnectionLink { display: flex; + flex-direction: column; align-items: center; gap: 6px; border-radius: 4px; @@ -62,8 +63,7 @@ 0px 0px 2px 0px rgba(0, 0, 0, 0.14); color: inherit; font-weight: 600; - height: 48px; - padding-left: 6px; + padding: 12px; text-decoration: none; transition: box-shadow 200ms, background 200ms, border 200ms; } @@ -98,14 +98,14 @@ justify-content: center; background-color: #fff; border-radius: 4px; - height: 36px; - width: 36px; + height: 40px; + width: 40px; } .addConnectionLink__icon { flex-shrink: 0; - height: 20px; - width: 20px; + height: 30px; + width: 30px; } .showAllButton { diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-view.component.css b/frontend/src/app/components/dashboard/db-table-view/db-table-view.component.css index ab329f243..508ee8c9d 100644 --- a/frontend/src/app/components/dashboard/db-table-view/db-table-view.component.css +++ b/frontend/src/app/components/dashboard/db-table-view/db-table-view.component.css @@ -126,7 +126,7 @@ .actions { display: flex; align-items: center; - gap: 4px; + gap: 8px; margin-top: -16px; } @@ -159,6 +159,26 @@ pointer-events: none; } +@media (prefers-color-scheme: light) { + .ai-insights-button { + background: var(--color-accentedPalette-50); + } + + .ai-insights-button:hover { + background: var(--color-accentedPalette-100) !important; + } +} + +@media (prefers-color-scheme: dark) { + .ai-insights-button { + background: var(--color-accentedPalette-900); + } + + .ai-insights-button:hover { + background: var(--color-accentedPalette-800) !important; + } +} + @media (prefers-color-scheme: dark) { .ai-icon ::ng-deep svg path { fill: #fff; @@ -169,6 +189,22 @@ display: inline-block; } +.db-table-manage-columns-button__count { + margin-left: 2px; +} + +@media (prefers-color-scheme: dark) { + .db-table-manage-columns-button__count { + color: rgba(255, 255, 255, 0.56); + } +} + +@media (prefers-color-scheme: light) { + .db-table-manage-columns-button__count { + color: rgba(0, 0, 0, 0.64); + } +} + .active-filters { display: flex; align-items: center; diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-view.component.html b/frontend/src/app/components/dashboard/db-table-view/db-table-view.component.html index 936f95c19..b345e7e14 100644 --- a/frontend/src/app/components/dashboard/db-table-view/db-table-view.component.html +++ b/frontend/src/app/components/dashboard/db-table-view/db-table-view.component.html @@ -65,6 +65,7 @@

{{ displayName }}