Update logo 🦀

crabfit-browser-extension/manifest.json

@@ -1,7 +1,7 @@
 {
   "name": "Crab Fit",
   "description": "Enter your availability to find a time that works for everyone!",
-  "version": "1.1",
+  "version": "1.2",
   "manifest_version": 2,
 
   "author": "Ben Grant",

crabfit-frontend/src/components/UpdateDialog/updateDialogStyle.ts

@@ -13,7 +13,7 @@ export const Wrapper = styled.div`
   border-radius: 3px;
   width: 400px;
   box-sizing: border-box;
-  max-width: calc(100% - 20px);
+  max-width: calc(100% - 40px);
   box-shadow: 0 3px 6px 0 rgba(0,0,0,.3);
 
   & h2 {
@@ -31,4 +31,5 @@ export const ButtonWrapper = styled.div`
   align-items: center;
   justify-content: flex-end;
   gap: 16px;
+  flex-wrap: wrap;
 `;

crabfit-frontend/src/pages/Privacy/Privacy.tsx

@@ -58,9 +58,9 @@ const Privacy = () => {
           <h2>Information Collection and Use</h2>
           <P>The Service uses third party services that may collect information used to identify you.</P>
           <P>Links to privacy policies of the third party service providers used by the Service:</P>
-          <ul>
+          <P as="ul">
             <li><a href="https://www.google.com/policies/privacy/" target="blank">Google Play Services</a></li>
-          </ul>
+          </P>
 
           <h2>Log Data</h2>
           <P>When you use the Service, in the case of an error, data and information is collected to improve the Service, which may include your IP address, device name, operating system version, app configuration and the time and date of the error.</P>
@@ -71,12 +71,12 @@ const Privacy = () => {
 
           <h2>Service Providers</h2>
           <P>Third-party companies may be employed for the following reasons:</P>
-          <ul>
+          <P as="ul">
             <li>To facilitate the Service</li>
             <li>To provide the Service on our behalf</li>
             <li>To perform Service-related services</li>
             <li>To assist in analyzing how the Service is used</li>
-          </ul>
+          </P>
           <P>To perform these tasks, the third parties may have access to your Personal Information, but are obligated not to disclose or use this information for any purpose except the above.</P>
 
           <h2>Security</h2>

crabfit-frontend/src/res/logo.svg

@@ -1,43 +1 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><defs><style>.cls-1,.cls-4{fill:#f79e00;}.cls-2,.cls-4{isolation:isolate;}.cls-3{fill:#f48600;}</style></defs><path class="cls-1" d="M181.11,311a123,123,0,0,1-123-123h0a123,123,0,0,1,123-123h64.32L211.66,98.73h32.46c0,79.47-108.36,32.47-136.43,50.75C73.65,171.64,181.11,311,181.11,311Z"/><path class="cls-1" d="M404,149.48C375.94,131.2,267.58,178.2,267.58,98.73H300L266.27,65h64.32a123,123,0,0,1,123,123h0a123,123,0,0,1-123,123S438.05,171.64,404,149.48Z"/><rect class="cls-1" x="266.27" y="200.39" width="20.89" height="57.44" rx="10.44"/><rect class="cls-1" x="224.49" y="200.39" width="20.89" height="57.44" rx="10.44"/><path class="cls-1" d="M190.55,229.11H321.11A108.35,108.35,0,0,1,429.47,337.47h0A108.36,108.36,0,0,1,321.11,445.83H190.55A108.37,108.37,0,0,1,82.19,337.47h0A108.36,108.36,0,0,1,190.55,229.11Z"/><g class="cls-2"><path class="cls-3" d="M293.69,268.29a68.83,68.83,0,0,0-37.86,11.29,69.19,69.19,0,1,0,0,115.8,69.19,69.19,0,1,0,37.86-127.09Z"/></g><ellipse class="cls-4" cx="255.83" cy="337.48" rx="31.32" ry="57.9"/><path class="cls-1" d="M402.77,386.23c36,12.31,66,40.07,59.44,60.75C440,431.17,413.11,416.91,389,409.83Z"/><path class="cls-1" d="M420.05,345.89c37.37,7.15,71,30.45,67.35,51.85-24.24-12.55-52.82-22.92-77.67-26.57Z"/><path class="cls-1" d="M417.26,303.44c38.05.39,75.26,17.34,75.5,39-26.08-8-56.05-13.16-81.15-12.32Z"/><path class="cls-1" d="M109.23,386.23c-36,12.31-66,40.07-59.44,60.75C72,431.17,98.89,416.91,123,409.83Z"/><path class="cls-1" d="M92,345.89C54.58,353,21,376.34,24.6,397.74c24.24-12.55,52.82-22.92,77.67-26.57Z"/><path class="cls-1" d="M94.74,303.44c-38,.39-75.26,17.34-75.5,39,26.08-8,56.05-13.16,81.15-12.32Z"/></svg>
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #f4bb60;
-      }
-
-      .cls-2 {
-        fill: #f79e00;
-      }
-
-      .cls-3 {
-        fill: #f47f00;
-        opacity: 0.5;
-      }
-    </style>
-  </defs>
-  <g>
-    <path class="cls-1" d="M183.85,311.62a123,123,0,0,1-123-123h0a123,123,0,0,1,123-123h64.32L214.4,99.33h32.46c0,79.47-108.36,32.47-136.43,50.75C76.39,172.24,183.85,311.62,183.85,311.62Z"/>
-    <g>
-      <rect class="cls-2" x="267.75" y="200.99" width="20.89" height="57.44" rx="10.44"/>
-      <rect class="cls-2" x="225.97" y="200.99" width="20.89" height="57.44" rx="10.44"/>
-    </g>
-    <g>
-      <rect class="cls-1" x="21" y="326.33" width="107.06" height="23.5" rx="11.75"/>
-      <rect class="cls-1" x="28.83" y="289.77" width="107.06" height="23.5" rx="11.75" transform="translate(91.34 -10.92) rotate(16.92)"/>
-      <rect class="cls-1" x="26.22" y="362.88" width="107.06" height="23.5" rx="11.75" transform="matrix(0.95, -0.31, 0.31, 0.95, -110.74, 42.33)"/>
-      <rect class="cls-1" x="45.81" y="394.21" width="107.06" height="23.5" rx="11.75" transform="translate(-215.65 131.26) rotate(-35.16)"/>
-    </g>
-    <g>
-      <rect class="cls-1" x="383.94" y="326.33" width="107.06" height="23.5" rx="11.75" transform="translate(874.94 676.15) rotate(-180)"/>
-      <rect class="cls-1" x="376.11" y="289.77" width="107.06" height="23.5" rx="11.75" transform="translate(928.45 464.91) rotate(163.08)"/>
-      <rect class="cls-1" x="378.72" y="362.88" width="107.06" height="23.5" rx="11.75" transform="translate(729.24 863.49) rotate(-162.19)"/>
-      <rect class="cls-1" x="359.14" y="394.21" width="107.06" height="23.5" rx="11.75" transform="translate(516.28 975.5) rotate(-144.84)"/>
-    </g>
-    <path class="cls-2" d="M214.4,99.33V65.56H183.85a123,123,0,0,0-123,123h0C74.53,116.13,113.69,99.33,214.4,99.33Z"/>
-    <path class="cls-1" d="M331.42,311.62a123,123,0,0,0,123-123h0a123,123,0,0,0-123-123H267.1l33.77,33.77H268.4c0,79.47,108.36,32.47,136.43,50.75C438.87,172.24,331.42,311.62,331.42,311.62Z"/>
-    <path class="cls-2" d="M300.87,99.33V65.56h30.55a123,123,0,0,1,123,123h0C440.74,116.13,401.57,99.33,300.87,99.33Z"/>
-    <rect class="cls-2" x="83.67" y="229.71" width="347.28" height="216.72" rx="108.36"/>
-    <circle class="cls-3" cx="219.44" cy="338.08" r="69.19"/>
-    <circle class="cls-3" cx="295.17" cy="338.08" r="69.19"/>
-  </g>
-</svg>