Iteration 1

akto-api-security · Jan 14, 2025 · ea3bc01 · ea3bc01
1 parent be0b91c
commit ea3bc01
Show file tree

Hide file tree

Showing 5 changed files with 44 additions and 19 deletions.
diff --git a/apps/dashboard/web/polaris_web/web/src/apps/dashboard/components/layouts/style.css b/apps/dashboard/web/polaris_web/web/src/apps/dashboard/components/layouts/style.css
@@ -15,4 +15,5 @@
 
 .show{
     right:0;
+    border-left: inset #fff5;
 }
diff --git a/apps/dashboard/web/polaris_web/web/src/apps/dashboard/components/shared/style.css b/apps/dashboard/web/polaris_web/web/src/apps/dashboard/components/shared/style.css
@@ -121,4 +121,30 @@
 
 .control-row .Polaris-DataTable__Cell--firstColumn {
     padding-left: 8px !important;
+}
+
+.Polaris-Box {
+    /* border: 1px #fafafa !important; */
+    border: none !important;
+    padding: none !important;
+    /* box-shadow: none !important; */
+    /* background-color: #fafafa !important; */
+}
+
+.Polaris-Button {
+    box-shadow: none !important;
+    border: none !important;
+}
+
+.Polaris-LegacyCard {
+    box-shadow: none !important;
+}
+
+.Polaris-IndexFilters-FilterButton {
+    box-shadow: none !important;
+    border: none !important;
+}
+
+.Polaris-IndexTable__TableCell, .Polaris-IndexTable__TableCell--first, .Polaris-IndexTable__TableCell--last {
+    background-color: #ffffff !important;
 }
diff --git a/apps/dashboard/web/polaris_web/web/src/apps/dashboard/components/tables/GithubServerTable.js b/apps/dashboard/web/polaris_web/web/src/apps/dashboard/components/tables/GithubServerTable.js
@@ -464,14 +464,14 @@ function GithubServerTable(props) {
         }
 
       </LegacyCard>
-      {(props?.showFooter !== false) && <HorizontalStack gap="1" align="center">
+      {/* {(props?.showFooter !== false) && <HorizontalStack gap="1" align="center">
         <Text>Stuck? feel free to</Text>
         <Link onClick={() => {
           window?.Intercom("show")
         }}>Contact us</Link>
         <Text>or</Text>
         <Link url="https://akto.io/api-security-demo" target="_blank">Book a call</Link>
-      </HorizontalStack>}
+      </HorizontalStack>} */}
     </div>
   );
 }

diff --git a/apps/dashboard/web/polaris_web/web/src/apps/dashboard/pages/dashboard.css b/apps/dashboard/web/polaris_web/web/src/apps/dashboard/pages/dashboard.css
@@ -126,7 +126,7 @@
 }
 
 .Polaris-Frame__Main, .Polaris-Navigation {
-    background: #F6F6F7 !important;
+    background: #ffffff !important;
 }
 
 .Polaris-Tabs {

diff --git a/...dashboard/web/polaris_web/web/src/apps/dashboard/pages/quick_start/components/RowCard.jsx b/...dashboard/web/polaris_web/web/src/apps/dashboard/pages/quick_start/components/RowCard.jsx
@@ -1,4 +1,4 @@
-import { Avatar, Button, Card, Text, VerticalStack, HorizontalStack, Badge, Box } from '@shopify/polaris';
+import { Avatar, Link, Button, Card, Text, VerticalStack, HorizontalStack, Badge, Box } from '@shopify/polaris';
 
 function RowCard(props) {
 
@@ -13,26 +13,24 @@ function RowCard(props) {
 
     return (
         <Card>
-            <VerticalStack gap="5">
-                <div style={{display: 'flex' , justifyContent: 'space-between'}}>
-                    <Box padding={"2"} borderWidth='1' borderColor='border-subdued' borderRadius='2'>
-                    <Avatar customer size="extraSmall" name={cardObj.label} source={cardObj.icon} shape='square'/>
-                    </Box>
-                    <Box paddingBlockStart="1">
-                        {cardObj.badge ? <Badge size='small' status='info'>{cardObj.badge}</Badge> : null}
-                    </Box>
-                </div>
+            <div style={{display: 'flex', gap: '12px'}}>
+                <VerticalStack gap="1">
+                    <div style={{display: 'flex' , justifyContent: 'space-between'}}>
+                        <Box padding={"2"} borderWidth='1' borderColor='border-subdued' borderRadius='2'>
+                        <Avatar customer size="extraSmall" name={cardObj.label} source={cardObj.icon} shape='square'/>
+                        </Box>
+                        <Box paddingBlockStart="1">
+                            {cardObj.badge ? <Badge size='small' status='info'>{cardObj.badge}</Badge> : null}
+                        </Box>
+                    </div>
+                </VerticalStack>
                 <VerticalStack gap="1">
-                    <Text variant="headingMd" as="h5">{cardObj.label}</Text>
+                    <Link monochrome removeUnderline textAlign="left" onClick={handleAction}><Text  variant="headingMd" as="h5">{cardObj.label}</Text></Link>
                     <Box minHeight="80px">
                         <Text variant="bodyMd" color='subdued'>{cardObj.text}</Text>
                     </Box>
                 </VerticalStack>
-                <HorizontalStack gap={"4"} align='start'>
-                    <Button onClick={handleAction}>{buttonText}</Button>
-                    <Button plain onClick={goToDocs} size='medium'>See Docs</Button>
-                </HorizontalStack>
-            </VerticalStack>
+            </div>
         </Card>
     )
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -15,4 +15,5 @@ @@
     .show{
         right:0;
+        border-left: inset #fff5;
     }