fix(ui): The tiles in Applications List are too wide #17220 (#17340)

* fix(ui): The tiles in Applications List are too wide Signed-off-by: Rafal Pelczar <rafal@akuity.io> * change min width of app tiles Signed-off-by: Rafal Pelczar <rafal@akuity.io> --------- Signed-off-by: Rafal Pelczar <rafal@akuity.io>
argoproj · Feb 28, 2024 · a4b5051 · a4b5051
1 parent bb4e47a
commit a4b5051
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git a/ui/src/app/applications/components/applications-list/applications-tiles.scss b/ui/src/app/applications/components/applications-list/applications-tiles.scss
@@ -3,7 +3,7 @@
 .applications-tiles {
     display: grid;
     gap: 24px;
-    grid-template-columns: repeat(auto-fill,minmax(380px,1fr));
+    grid-template-columns: repeat(auto-fill,minmax(370px,1fr));
     padding: 0 12px;
 
     &__wrapper {

diff --git a/ui/src/app/applications/components/applications-list/applications-tiles.tsx b/ui/src/app/applications/components/applications-list/applications-tiles.tsx
@@ -105,9 +105,7 @@ export const ApplicationTiles = ({applications, syncApplication, refreshApplicat
                     {pref => {
                         const favList = pref.appList.favoritesAppList || [];
                         return (
-                            <div
-                                className='applications-tiles argo-table-list argo-table-list--clickable row small-up-1 medium-up-2 large-up-3 xxxlarge-up-4'
-                                ref={appContainerRef}>
+                            <div className='applications-tiles argo-table-list argo-table-list--clickable' ref={appContainerRef}>
                                 {applications.map((app, i) => {
                                     const source = getAppDefaultSource(app);
                                     return (