logo image fix

saeloun · Jan 4, 2022 · 859f07d · 859f07d
1 parent 34a0c26
commit 859f07d
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/app/views/partial/_navbar.html.erb b/app/views/partial/_navbar.html.erb
@@ -32,8 +32,16 @@
       <div class="flex-1 flex items-center justify-center md:items-stretch md:justify-start">
 
         <div class="flex-shrink-0 flex items-center">
-          <img class="block lg:hidden h-8 w-auto md:mr-12" src="app/javascript/images/miru-logo.svg" alt="miru web">
-          <img class="hidden lg:block h-8 w-auto lg:mr-32" src="app/javascript/images/miru-logo.svg" alt="miru web">
+          <svg class="block lg:hidden h-8 w-auto md:mr-12" width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <circle cx="60.5" cy="98" r="12" transform="rotate(90 60.5 98)" fill="#5B34EA"/>
+            <circle cx="60.5" cy="22" r="12" transform="rotate(90 60.5 22)" fill="#5B34EA"/>
+            <path d="M15.5 40C15.5 43.3062 16.8371 46.3001 19 48.4705C21.1629 50.6409 21.1629 69.3591 19 71.5295C16.8371 73.6999 15.5 76.6938 15.5 80C15.5 86.6274 20.8726 92 27.5 92C34.1274 92 39.5 86.6274 39.5 80C39.5 76.2104 37.7434 72.8311 35 70.6319C32.2566 68.4328 28.2593 50.7358 35 52.1768C41.7407 53.6179 47.831 58.2029 48.7714 62.5494C49.9402 67.9522 54.7474 72 60.5 72C66.3604 72 71.2396 67.799 72.2905 62.2442C73.146 57.7222 79.2882 53.2927 86 52.0073C92.7118 50.722 88.7434 68.4328 86 70.6319C83.2566 72.8311 81.5 76.2104 81.5 80C81.5 86.6274 86.8726 92 93.5 92C100.127 92 105.5 86.6274 105.5 80C105.5 76.6938 104.163 73.6999 102 71.5295C99.8371 69.3591 99.8371 50.6409 102 48.4705C104.163 46.3001 105.5 43.3062 105.5 40C105.5 33.3726 100.127 28 93.5 28C87.4185 28 82.3936 32.5239 81.6071 38.3901C80.8205 44.2563 71.9518 48.9473 64.042 48.5313C61.4006 48.3924 59.2936 48.4832 56.6588 48.628C48.9005 49.0542 40.0855 44.6862 39.4282 38.6799C38.771 32.6736 33.6813 28 27.5 28C20.8726 28 15.5 33.3726 15.5 40Z" fill="#5B34EA"/>
+          </svg>
+          <svg class="hidden lg:block h-8 w-auto lg:mr-32" width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <circle cx="60.5" cy="98" r="12" transform="rotate(90 60.5 98)" fill="#5B34EA"/>
+            <circle cx="60.5" cy="22" r="12" transform="rotate(90 60.5 22)" fill="#5B34EA"/>
+            <path d="M15.5 40C15.5 43.3062 16.8371 46.3001 19 48.4705C21.1629 50.6409 21.1629 69.3591 19 71.5295C16.8371 73.6999 15.5 76.6938 15.5 80C15.5 86.6274 20.8726 92 27.5 92C34.1274 92 39.5 86.6274 39.5 80C39.5 76.2104 37.7434 72.8311 35 70.6319C32.2566 68.4328 28.2593 50.7358 35 52.1768C41.7407 53.6179 47.831 58.2029 48.7714 62.5494C49.9402 67.9522 54.7474 72 60.5 72C66.3604 72 71.2396 67.799 72.2905 62.2442C73.146 57.7222 79.2882 53.2927 86 52.0073C92.7118 50.722 88.7434 68.4328 86 70.6319C83.2566 72.8311 81.5 76.2104 81.5 80C81.5 86.6274 86.8726 92 93.5 92C100.127 92 105.5 86.6274 105.5 80C105.5 76.6938 104.163 73.6999 102 71.5295C99.8371 69.3591 99.8371 50.6409 102 48.4705C104.163 46.3001 105.5 43.3062 105.5 40C105.5 33.3726 100.127 28 93.5 28C87.4185 28 82.3936 32.5239 81.6071 38.3901C80.8205 44.2563 71.9518 48.9473 64.042 48.5313C61.4006 48.3924 59.2936 48.4832 56.6588 48.628C48.9005 49.0542 40.0855 44.6862 39.4282 38.6799C38.771 32.6736 33.6813 28 27.5 28C20.8726 28 15.5 33.3726 15.5 40Z" fill="#5B34EA"/>
+          </svg>
         </div>
 
         <div class="hidden md:mx-3 md:flex md:space-x-2 lg:space-x-8">