minor landing page css improvement (finos#2851)

MauricioUyaguari · Dec 20, 2023 · edb6350 · edb6350
1 parent 24799bf
commit edb6350
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 8 deletions.
diff --git a/.changeset/bright-houses-refuse.md b/.changeset/bright-houses-refuse.md
@@ -0,0 +1,4 @@
+---
+'@finos/legend-application-studio': patch
+'@finos/legend-art': patch
+---
diff --git a/packages/legend-application-studio/src/components/workspace-setup/WorkspaceSetup.tsx b/packages/legend-application-studio/src/components/workspace-setup/WorkspaceSetup.tsx
@@ -32,8 +32,8 @@ import {
   LongArrowRightIcon,
   DividerWithText,
   SearchIcon,
-  FileImportIcon,
   BaseCard,
+  OpenIcon,
 } from '@finos/legend-art';
 import { LEGEND_STUDIO_TEST_ID } from '../../__lib__/LegendStudioTesting.js';
 import {
@@ -108,7 +108,7 @@ export const ShowcaseCard: React.FC<{ hideDocumentation?: boolean }> = (
           title: 'Showcase explorer',
           content: (
             <div className="workspace-setup__content__card__action__icon">
-              <FileImportIcon />
+              <OpenIcon />
             </div>
           ),
           action: () => openShowcaseManager(applicationStore),
@@ -145,7 +145,7 @@ export const DocumentationCard: React.FC = () => {
           title: 'Review documentation',
           content: (
             <div className="workspace-setup__content__card__action__icon">
-              <FileImportIcon />
+              <OpenIcon />
             </div>
           ),
           action: () => {
@@ -180,7 +180,7 @@ export const ProductionCard: React.FC = () => {
             title: productionDocument.text,
             content: (
               <div className="workspace-setup__content__card__action__icon">
-                <FileImportIcon />
+                <OpenIcon />
               </div>
             ),
             action: () => {
@@ -216,7 +216,7 @@ export const SandboxCard: React.FC = () => {
             title: sandboxDocument.text,
             content: (
               <div className="workspace-setup__content__card__action__icon">
-                <FileImportIcon />
+                <OpenIcon />
               </div>
             ),
             action: () => {
@@ -254,7 +254,7 @@ export const RuleEngagementCard: React.FC = () => {
             title: ruleEngagementDocument.text,
             content: (
               <div className="workspace-setup__content__card__action__icon">
-                <FileImportIcon />
+                <OpenIcon />
               </div>
             ),
             action: () => {

diff --git a/packages/legend-application-studio/style/components/_workspace-setup.scss b/packages/legend-application-studio/style/components/_workspace-setup.scss
@@ -245,14 +245,15 @@
 
     &__content {
       font-size: min(1.5vh, 1.5vw);
+      line-height: 2vh;
     }
 
     &__action__icon {
       display: flex;
       align-items: center;
 
       svg {
-        font-size: min(1.25vw, 1.25vh);
+        font-size: min(1.5vw, 1.5vh);
       }
     }
   }
@@ -300,7 +301,7 @@
         @include flexCenter;
 
         height: 100%;
-        width: 2vh;
+        width: 4vh;
         background: var(--color-dark-grey-85);
         border-radius: 0.2rem 0 0 0.2rem;
 

diff --git a/packages/legend-art/src/icon/Icon.ts b/packages/legend-art/src/icon/Icon.ts
@@ -319,3 +319,6 @@ export const HomeIcon = HI.HiHome;
 
 const LU = ReactIcons.LU;
 export const WorkflowIcon = LU.LuWorkflow;
+
+const IO5 = ReactIcons.IO5;
+export const OpenIcon = IO5.IoOpenOutline;