clrfund · yuetloo · Aug 16, 2022 · Aug 16, 2022 · Aug 16, 2022 · Aug 23, 2022
diff --git a/vue-app/package.json b/vue-app/package.json
@@ -14,6 +14,7 @@
   "dependencies": {
     "@kleros/gtcr-encoder": "^1.4.0",
     "@openfonts/inter_all": "^1.0.2",
+    "@openfonts/work-sans_all": "^1.0.1",
     "@walletconnect/web3-provider": "^1.5.1",
     "axios": "^0.27.2",
     "core-js": "^3.6.4",

diff --git a/vue-app/src/App.vue b/vue-app/src/App.vue
@@ -17,7 +17,6 @@
           'mr-cart-closed': !isCartToggledOpen && isSideCartShown,
         }"
       >
-        <breadcrumbs v-if="showBreadCrumb" />
         <router-view :key="$route.path" />
       </div>
       <div
@@ -431,13 +430,14 @@ summary:focus {
 }
 
 .open-cart {
-  width: $cart-width-open;
+  width: 100%;
+  max-width: 35vw;
   overflow-y: scroll;
   overflow-x: hidden;
 }
 
 .closed-cart {
-  width: 4rem;
+  width: 0rem;
 }
 
 #nav-menu {
@@ -479,7 +479,6 @@ summary:focus {
 
 #content {
   flex: 1;
-  padding-bottom: 4rem;
 
   .content-heading {
     display: block;
@@ -499,18 +498,19 @@ summary:focus {
 }
 
 #content.padded {
-  padding: $content-space;
+  padding: $content-space 1rem $content-space 1rem;
+  @media (max-width: $breakpoint-m) {
+    padding: $content-space 0 $content-space 0;
+  }
 }
 
 #content.mr-cart-open {
-  margin-right: $cart-width-open;
   @media (max-width: $breakpoint-m) {
     margin-right: 0;
   }
 }
 
 #content.mr-cart-closed {
-  margin-right: $cart-width-closed;
   @media (max-width: $breakpoint-m) {
     margin-right: 0;
   }

diff --git a/vue-app/src/assets/GitHub-purple.svg b/vue-app/src/assets/GitHub-purple.svg
diff --git a/vue-app/src/assets/Meridians-purple.svg b/vue-app/src/assets/Meridians-purple.svg
diff --git a/vue-app/src/assets/Twitter-purple.svg b/vue-app/src/assets/Twitter-purple.svg
diff --git a/vue-app/src/assets/arrow-right.svg b/vue-app/src/assets/arrow-right.svg
diff --git a/vue-app/src/assets/bridge/bridge.png b/vue-app/src/assets/bridge/bridge.png
diff --git a/vue-app/src/assets/bridge/bridge_w1080.png b/vue-app/src/assets/bridge/bridge_w1080.png
diff --git a/vue-app/src/assets/bridge/bridge_w1440.png b/vue-app/src/assets/bridge/bridge_w1440.png
diff --git a/vue-app/src/assets/bridge/bridge_w2160.png b/vue-app/src/assets/bridge/bridge_w2160.png
diff --git a/vue-app/src/assets/bridge/bridge_w2880.png b/vue-app/src/assets/bridge/bridge_w2880.png
diff --git a/vue-app/src/assets/bridge/bridge_w360.png b/vue-app/src/assets/bridge/bridge_w360.png
diff --git a/vue-app/src/assets/bridge/bridge_w720.png b/vue-app/src/assets/bridge/bridge_w720.png
diff --git a/vue-app/src/assets/close-white.svg b/vue-app/src/assets/close-white.svg
diff --git a/vue-app/src/assets/clr.svg → vue-app/src/assets/clr-dark.svg b/vue-app/src/assets/clr.svg → vue-app/src/assets/clr-dark.svg
diff --git a/vue-app/src/assets/clr-light.svg b/vue-app/src/assets/clr-light.svg
diff --git a/vue-app/src/assets/copy-black.svg b/vue-app/src/assets/copy-black.svg
diff --git a/vue-app/src/assets/copy.svg b/vue-app/src/assets/copy.svg
diff --git a/vue-app/src/assets/green-tick.svg b/vue-app/src/assets/green-tick.svg
diff --git a/vue-app/src/assets/half-moon.svg b/vue-app/src/assets/half-moon.svg
diff --git a/vue-app/src/assets/help.svg → vue-app/src/assets/help-dark.svg b/vue-app/src/assets/help.svg → vue-app/src/assets/help-dark.svg
diff --git a/vue-app/src/assets/help-light.svg b/vue-app/src/assets/help-light.svg
diff --git a/vue-app/src/assets/hero/hero.png b/vue-app/src/assets/hero/hero.png
diff --git a/vue-app/src/assets/hero/hero_w1080.png b/vue-app/src/assets/hero/hero_w1080.png
diff --git a/vue-app/src/assets/hero/hero_w1440.png b/vue-app/src/assets/hero/hero_w1440.png
diff --git a/vue-app/src/assets/hero/hero_w2160.png b/vue-app/src/assets/hero/hero_w2160.png
diff --git a/vue-app/src/assets/hero/hero_w2880.png b/vue-app/src/assets/hero/hero_w2880.png
diff --git a/vue-app/src/assets/hero/hero_w360.png b/vue-app/src/assets/hero/hero_w360.png
diff --git a/vue-app/src/assets/hero/hero_w720.png b/vue-app/src/assets/hero/hero_w720.png
diff --git a/vue-app/src/assets/next-step.svg b/vue-app/src/assets/next-step.svg
diff --git a/vue-app/src/assets/project-card-placeholder.png b/vue-app/src/assets/project-card-placeholder.png
diff --git a/vue-app/src/assets/robot/robot.png b/vue-app/src/assets/robot/robot.png
diff --git a/vue-app/src/assets/robot/robot_w1080.png b/vue-app/src/assets/robot/robot_w1080.png
diff --git a/vue-app/src/assets/robot/robot_w1440.png b/vue-app/src/assets/robot/robot_w1440.png
diff --git a/vue-app/src/assets/robot/robot_w2160.png b/vue-app/src/assets/robot/robot_w2160.png
diff --git a/vue-app/src/assets/robot/robot_w2880.png b/vue-app/src/assets/robot/robot_w2880.png
diff --git a/vue-app/src/assets/robot/robot_w360.png b/vue-app/src/assets/robot/robot_w360.png
diff --git a/vue-app/src/assets/robot/robot_w720.png b/vue-app/src/assets/robot/robot_w720.png
diff --git a/vue-app/src/assets/sun.svg b/vue-app/src/assets/sun.svg
diff --git a/vue-app/src/assets/warning.svg b/vue-app/src/assets/warning.svg
diff --git a/vue-app/src/components/AddToCartButton.vue b/vue-app/src/components/AddToCartButton.vue
@@ -17,7 +17,7 @@
       v-if="inCart && canContribute()"
       :button="{
         wide: true,
-        text: 'In cart 🎉',
+        text: 'In cart',
       }"
       @click="toggleCartPanel()"
     />

diff --git a/vue-app/src/components/BalanceItem.vue b/vue-app/src/components/BalanceItem.vue
@@ -36,8 +36,6 @@ export default class BalanceItem extends Vue {
 .item {
   display: flex;
   align-items: center;
-  padding: 1rem;
-  border: 1px solid #000000;
   margin-top: -1px;
   &:first-of-type {
     margin-top: 0px;