fix: fix endpoints config buttons (#1810)

frain-dev · Oct 22, 2023 · cafc57e · cafc57e
1 parent 28d548c
commit cafc57e
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 5 deletions.
diff --git a/web/ui/dashboard/src/app/private/components/create-endpoint/create-endpoint.component.html b/web/ui/dashboard/src/app/private/components/create-endpoint/create-endpoint.component.html
@@ -170,7 +170,7 @@
 				</div>
 			</ng-container>
 
-			<div class="flex items-center" *ngIf="shouldShowBorder < configurations.length">
+			<div class="flex items-center overflow-x-auto no-scrollbar" *ngIf="shouldShowBorder < configurations.length">
 				<ng-container *ngFor="let config of configurations; let i = index">
 					<ng-container *ngIf="!config.show">
 						<button
@@ -182,7 +182,7 @@
 							color="grey"
 							texture="light"
 							type="button"
-							[class]="'mr-24px font-normal'"
+							[class]="'mr-24px font-normal whitespace-nowrap'"
 							(click)="toggleConfigForm(config.uid)"
 						>
 							{{ config.name }}

diff --git a/web/ui/dashboard/src/styles.scss b/web/ui/dashboard/src/styles.scss
@@ -47,9 +47,19 @@
 		@apply text-h4;
 	}
 
-    dialog:modal{
-        @apply max-w-full max-h-full;
-    }
+	dialog:modal {
+		@apply max-w-full max-h-full;
+	}
+
+	.no-scrollbar::-webkit-scrollbar {
+		@apply hidden;
+	}
+	.no-scrollbar {
+		scrollbar-width: none;
+	}
+	.no-scrollbar {
+		-ms-overflow-style: none;
+	}
 
 	.docs {
 		article {