Fix sponsor positioning on mobile and dark mode

simonhamp · simonhamp · commit d839f4048234 · 2023-12-18T16:03:07.000Z
diff --git a/public/img/sponsors/laradir-dark.svg b/public/img/sponsors/laradir-dark.svg
@@ -1,4 +1,4 @@
-<svg width="400" height="100" viewBox="0 0 400 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="277" height="100" viewBox="0 0 277 100" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M163.22 14.5732C163.22 6.52464 169.744 0 177.793 0H262.317C270.366 0 276.891 6.52464 276.891 14.5732V85.2531C276.891 93.3017 270.366 99.8263 262.317 99.8263H177.793C169.744 99.8263 163.22 93.3017 163.22 85.2531V14.5732Z" fill="#A855F7"/>
 <path d="M194.704 78.0365C191.058 78.0365 187.794 77.1388 184.91 75.3434C182.027 73.548 179.742 71.0997 178.055 67.9985C176.423 64.8973 175.607 61.4153 175.607 57.5524C175.607 53.6352 176.423 50.1259 178.055 47.0248C179.742 43.9236 182 41.4753 184.829 39.6799C187.712 37.8845 191.004 36.9868 194.704 36.9868C197.533 36.9868 200.063 37.558 202.293 38.7006C204.578 39.8431 206.401 41.4481 207.761 43.5155C209.176 45.5286 209.937 47.8137 210.046 50.3708V64.4077C209.937 66.9648 209.203 69.277 207.843 71.3445C206.483 73.4119 204.66 75.0441 202.375 76.2411C200.09 77.438 197.533 78.0365 194.704 78.0365ZM196.499 68.1617C198.512 68.1617 200.253 67.7265 201.722 66.856C203.245 65.931 204.415 64.6797 205.231 63.1019C206.102 61.4697 206.537 59.5927 206.537 57.4708C206.537 55.4034 206.102 53.5808 205.231 52.003C204.415 50.3708 203.245 49.1194 201.722 48.2489C200.253 47.324 198.539 46.8615 196.581 46.8615C194.568 46.8615 192.799 47.324 191.276 48.2489C189.807 49.1738 188.637 50.4252 187.767 52.003C186.951 53.5808 186.543 55.4034 186.543 57.4708C186.543 59.5927 186.951 61.4697 187.767 63.1019C188.637 64.6797 189.834 65.931 191.358 66.856C192.881 67.7265 194.595 68.1617 196.499 68.1617ZM216.575 77.2204H205.966V66.6111L207.68 56.9812L205.884 47.5144V18.2165H216.575V77.2204Z" fill="white"/>
 <path d="M220.932 77.2204V37.8029H231.705V77.2204H220.932ZM226.319 31.4373C224.578 31.4373 223.136 30.866 221.993 29.7235C220.851 28.5265 220.279 27.0576 220.279 25.3165C220.279 23.6299 220.851 22.1882 221.993 20.9912C223.136 19.7943 224.578 19.1958 226.319 19.1958C228.114 19.1958 229.556 19.7943 230.644 20.9912C231.786 22.1882 232.358 23.6299 232.358 25.3165C232.358 27.0576 231.786 28.5265 230.644 29.7235C229.556 30.866 228.114 31.4373 226.319 31.4373Z" fill="white"/>
diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php
@@ -42,7 +42,7 @@
                 <div class="mt-6 px-12">
                     <h2 class="text-2xl font-bold">Sponsors</h2>
 
-                    <div class="flex gap-16 items-center justify-center mt-8">
+                    <div class="flex flex-col sm:flex-row gap-16 items-center justify-center mt-8">
                         <a href="https://beyondco.de/?utm_source=nativephp&utm_medium=logo&utm_campaign=nativephp">
                             <img src="/img/sponsors/beyondcode.png" class="block dark:hidden">
                             <img src="/img/sponsors/beyondcode-dark.png" class="hidden dark:block">
