enable large images

benjaminpochat · Nov 30, 2024 · b4df2a3 · b4df2a3
1 parent 866eef9
commit b4df2a3
Show file tree

Hide file tree

Showing 5 changed files with 41 additions and 1 deletion.
diff --git a/backend/app/src/main/resources/database/changelog/changelog-2024-11.yaml b/backend/app/src/main/resources/database/changelog/changelog-2024-11.yaml
@@ -0,0 +1,31 @@
+databaseChangeLog:
+  - changeSet:
+      id: viandeendirect-2024-11-28
+      author: benjamin
+      changes:
+        - dropColumn:
+            tableName: package_templates
+            columns:
+              - column:
+                  name: photo
+        - dropColumn:
+            tableName: package_lots
+            columns:
+              - column:
+                  name: photo
+  - changeSet:
+      id: viandeendirect-2024-11-29
+      author: benjamin
+      changes:
+        - addColumn:
+            tableName: package_templates
+            columns:
+              - column:
+                  name: photo
+                  type: TEXT
+        - addColumn:
+            tableName: package_lots
+            columns:
+              - column:
+                  name: photo
+                  type: TEXT
diff --git a/backend/app/src/main/resources/database/changelog/changelog-master.yaml b/backend/app/src/main/resources/database/changelog/changelog-master.yaml
@@ -14,3 +14,6 @@ databaseChangeLog:
   - include:
       relativeToChangelogFile: true
       file: changelog-2024-10.yaml
+  - include:
+      relativeToChangelogFile: true
+      file: changelog-2024-11.yaml
diff --git a/frontend/app/src/domains/production/components/PackageLotDescription.css b/frontend/app/src/domains/production/components/PackageLotDescription.css
@@ -27,3 +27,8 @@
 .package-lot__unit_price {
   font-size: smaller;
 }
+
+.package-lot__image {
+  max-width: 15rem;
+  grid-column: 1/-1;
+}
diff --git a/frontend/app/src/domains/production/components/PackageLotDescription.tsx b/frontend/app/src/domains/production/components/PackageLotDescription.tsx
@@ -16,7 +16,7 @@ export default function PackageLotDescription({ lot: lot }) {
 
     function getImage() {
         if (lot.photo) {
-            return <img src={'data:image/png;base64,' + lot.photo} ></img>
+            return <img className='package-lot__image' src={'data:image/png;base64,' + lot.photo} ></img>
         } else {
             return <></>
         }

diff --git a/frontend/app/src/domains/sale/components/SaleCustomerCard.css b/frontend/app/src/domains/sale/components/SaleCustomerCard.css
@@ -24,6 +24,7 @@
   display: flex;
   flex-flow: wrap;
   justify-content: left;
+  align-items: flex-start;
 }
 
 .sale-customer-card__product-information {