wip

Author: omargfh

.github/workflows/build-and-push-modeling-commons.yml

@@ -43,15 +43,23 @@ jobs:
           username: ${{ github.actor }}
           password: ${{ secrets.GITHUB_TOKEN }}
 
+      - name: Sanitize repo slug
+        uses: actions/github-script@v8
+        id: repo_slug
+        with:
+          result-encoding: string
+          script: return 'ghcr.io/${{ github.repository }}'.toLowerCase()
+
       - name: Build and push backend image
         uses: docker/build-push-action@v5
         with:
           context: .
           file: ./apps/modeling-commons-backend/Dockerfile
           push: true
           tags: |
-            ghcr.io/${{ github.repository }}/modeling-commons-backend:${{ github.sha }}
-            ghcr.io/${{ github.repository }}/modeling-commons-backend:latest
+            # need github.repository to be lowercase for ghcr.io
+            ${{ steps.repo_slug.outputs.result }}/modeling-commons-backend:${{ github.sha }}
+            ${{ steps.repo_slug.outputs.result }}/modeling-commons-backend:latest
           cache-from: type=gha
           cache-to: type=gha,mode=max
 
@@ -62,7 +70,7 @@ jobs:
           file: ./apps/modeling-commons-frontend/Dockerfile
           push: true
           tags: |
-            ghcr.io/${{ github.repository }}/modeling-commons-frontend:${{ github.sha }}
-            ghcr.io/${{ github.repository }}/modeling-commons-frontend:latest
+            ${{ steps.repo_slug.outputs.result }}/modeling-commons-frontend:${{ github.sha }}
+            ${{ steps.repo_slug.outputs.result }}/modeling-commons-frontend:latest
           cache-from: type=gha
           cache-to: type=gha,mode=max

apps/modeling-commons-frontend/app/app.config.ts

@@ -6,7 +6,7 @@ export default defineAppConfig({
     },
 
     container: {
-      base: "max-w-[150ch] px-4 lg:px-24 py-12 mx-auto",
+      base: "max-w-[var(--max-width-ch)] px-4  py-12 mx-auto",
     },
 
     input: {

apps/modeling-commons-frontend/app/components/ClientFooter.vue

@@ -1,5 +1,5 @@
 <template>
-  <Footer :sections="3">
+  <Footer :sections="3" class="md:px-[calc((100vw-var(--max-width-ch))/2)]!">
     <FooterContainer>
       <FooterBrandSection
         :brand="WebsiteLogo"

apps/modeling-commons-frontend/app/components/ClientNavbar.vue

@@ -2,12 +2,12 @@
   <Navbar
     id="main-navbar"
     ref="navbar"
-    class="backdrop-blur-lg! bg-white/80! border-b-2 border-primary lg:px-40!"
+    class="backdrop-blur-lg! bg-white/80! border-b-2 border-secondary md:px-[calc((100vw-var(--max-width-ch))/2)]!"
     :brand="brand"
     brand-href="/"
     :brand-attrs="brandAttrs"
   >
-    <NavbarLinksContainer class="flex-1">
+    <NavbarLinksContainer class="flex-1 mx-auto">
       <NavbarItem
         v-for="link in navbarLinks"
         :key="link.title"