Fix start page, some issues in portfolio, chrome

axydavid · Oct 8, 2023 · ca3b1b3 · ca3b1b3
1 parent 4472f95
commit ca3b1b3
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 24 deletions.
diff --git a/src/Data.tsx b/src/Data.tsx
@@ -54,6 +54,7 @@ import cs1 from './img/portDesign/phoneMock2.png'
 import cs2 from './img/portDesign/DashboardMock.png'
 import cs3 from './img/portDesign/CalendarMock.png'
 import crm from './img/portDesign/CalendarPopupMock.png'
+import crm2 from './img/portDesign/CPM2.png'
 
 
 export const data4 = [{ text: 'Design', value: 230 }, { text: 'Figma', value: 70 }, { text: 'Use Case', value: 40 },
@@ -75,7 +76,7 @@ export const data = [
     title: "Customer Management System - Case Study",
     tipo: ['Design', "Product Design", "Figma", "CRM", "Adobe Suite", 'UI/UX', 'Prototyping', 'SaaS', 'Mockups', 'Responsive', 'Use Case', 'Wireframe', 'Usability Research'],
     content: 'A company specializing in meeting planning and sales tasks, approached me with a big challenge - they wanted me to create a user-friendly website and CRM System from the ground up.',
-    img: [crm],
+    img: [crm,crm2],
     case: 'https://dribbble.com/shots/22538831-Customer-Relationship-Management-System-Case-Study'
   }, 
   {

diff --git a/src/Main.scss b/src/Main.scss
@@ -265,7 +265,8 @@ $body-color: rgba(3, 3, 3, 0.85);
     }
 
     .button-container {
-        flex-direction: row;
+        flex-direction: row !important;
+        padding-bottom: 1rem !important;
     }
 
     .visitSec {
@@ -1032,28 +1033,28 @@ path {
     height: 0 !important;
 }
 
-@supports(-webkit-tap-highlight-color: black) {
-    .imgTri {
-        max-height: 51px !important;
-        width: auto;
-        image-rendering: pixelated;
-    }
+// @supports(-webkit-tap-highlight-color: black) {
+//     .imgTri {
+//         max-height: 51px !important;
+//         width: auto;
+//         image-rendering: pixelated;
+//     }
 
-    .imgTriL {
-        max-height: 50px !important;
-        width: auto;
-        image-rendering: pixelated;
-    }
+//     .imgTriL {
+//         max-height: 50px !important;
+//         width: auto;
+//         image-rendering: pixelated;
+//     }
 
-    .imgButton {
-        max-width: 22px !important;
-        image-rendering: pixelated;
-    }
+//     .imgButton {
+//         max-width: 22px !important;
+//         image-rendering: pixelated;
+//     }
 
-    .imgButton1 {
-        max-width: 21px !important;
-        image-rendering: pixelated;
-        top: -3px !important;
-    }
+//     .imgButton1 {
+//         max-width: 21px !important;
+//         image-rendering: pixelated;
+//         top: -3px !important;
+//     }
 
-}
+// }
diff --git a/src/Portofolio.tsx b/src/Portofolio.tsx
@@ -186,7 +186,7 @@ export default function Portofolio(props: any) {
         </div>
 
         <Container className="p-5 pt-3">
-          <div className="d-flex pt-2">
+          <div className="d-flex pt-2 flex-wrap-reverse">
             <div className="fake-title mr-auto align-self-baseline"><h5>{books.title}</h5></div>
             <div className="button-container d-flex flex-grow-1" style={{ gap: "10px" }}>
               {

diff --git a/src/img/portDesign/CPM2.png b/src/img/portDesign/CPM2.png