improvement(dashboard): view ingress on lg screens instead of xl

garden-io · May 29, 2019 · bd28965 · bd28965
1 parent a03cafb
commit bd28965
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/dashboard/src/components/ingresses.tsx b/dashboard/src/components/ingresses.tsx
@@ -73,12 +73,12 @@ export default ({ ingresses }: IngressesProp) => {
         const url = getIngressUrl(ingress)
         return (
           <LinkContainer key={ingress.path}>
-            <div className="visible-xl-block">
+            <div className="visible-lg-block">
               <ExternalLink id={ingress.path} onClick={handleSelectIngress} >
                 {truncateMiddle(url)}
               </ExternalLink>
             </div>
-            <div className="hidden-xl">
+            <div className="hidden-lg">
               <ExternalLink href={url} target="_blank">
                 {truncateMiddle(url)}
               </ExternalLink>

diff --git a/dashboard/src/components/module.tsx b/dashboard/src/components/module.tsx
@@ -21,6 +21,8 @@ const Module = styled.div`
   border-radius: 4px;
   margin: 0 1.3rem 1.3rem 0;
   min-width: 17rem;
+    flex: 1 1;
+    max-width: 20rem;
 `
 
 type InfoCardsProps = {
@@ -72,7 +74,6 @@ const Fields = styled.div<FieldsProps>`
 
 const Field = styled.div`
   padding-bottom: .5rem;
-  max-width: 14rem;
 
   &:last-of-type{
     padding-bottom: 0;

diff --git a/dashboard/src/containers/overview.tsx b/dashboard/src/containers/overview.tsx
@@ -184,7 +184,7 @@ export default () => {
           {selectedIngress &&
             <div className="col-lg visible-lg-block">
               {selectedIngress &&
-                <ViewIngress ingress={selectedIngress} width={"61.8vw"} />
+                <ViewIngress ingress={selectedIngress} />
               }
             </div>
           }