fix: Fixes issues with image and button rotate

Signed-off-by: Farhaan Bukhsh <[email protected]>

Author: farhaanbukhsh

src/_includes/components/button.njk

@@ -11,7 +11,7 @@
         <span class="font-['Acid_Grotesk'] text-lg {{ text_class }} leading-relaxed whitespace-nowrap group-hover:-translate-x-1 transition-transform duration-200">
             {{ text }}
         </span>
-        <div class="flex justify-center items-center w-8 h-8 bg-white rounded-full border border-black group-hover:rotate-45 transition-transform duration-300">
+        <div class="flex justify-center items-center w-8 h-8 bg-white rounded-full border border-black group-hover:rotate-40 transition-transform duration-300">
             <img src="{{ env.baseUrl }}img/assets/arrow-vector.svg" alt="Arrow" class="w-4 h-3 group-hover:scale-110 transition-transform duration-300" />
         </div>
     </a>

src/venue.njk

@@ -60,7 +60,7 @@ layout: base.njk
                             <p class="font-bold text-xl md:text-2xl">Via Namma Metro</p>
                             <p class="pt-4 font-normal text-sm md:text-xl">From Green Line: Disembark at South End Circle or Lalbagh metro station. From the station, you can take a short taxi/auto ride to reach NIMHANS Convention Centre.</p>
                             <p class="pt-4 font-normal text-sm md:text-xl">For a list of stations on the Bengaluru Metro Green line, you can refer to <a href="https://en.wikipedia.org/wiki/Green_Line_(Namma_Metro)?oldformat=true" target="_blank" rel="noopener noreferrer" class="underline">Wikipedia</a>.</p>
-                            <div class="pt-6 md:pt-10">{{ button(text="Green Line", url="https://en.wikipedia.org/wiki/Green_Line_(Namma_Metro)?oldformat=true", lime_bg=true) }}</div>
+                            <div class="pt-6 md:pt-10">{{ button(text="Green Line", url="https://en.wikipedia.org/wiki/Green_Line_(Namma_Metro)?oldformat=true", lime_bg=true, env=env) }}</div>
                         </div>
                     {%- endcall %}
                 </div>
@@ -78,7 +78,7 @@ layout: base.njk
 
                             <p class="pt-4 font-normal text-sm md:text-xl">We're excited to welcome you to PyCon India 2024 and hope you have a fantastic experience in Bengaluru! If you have any further inquiries or need assistance, feel free to contact us at <a href="mailto:[email protected]" target="_blank" rel="noopener noreferrer" class="underline">[email protected]</a>.</p>
 
-                            <div class="pt-6 md:pt-10 z-30">{{ button(text="Bus Timetable", url="https://kia.bengawalk.com/", lime_bg=true) }}</div>
+                            <div class="pt-6 md:pt-10 z-30">{{ button(text="Bus Timetable", url="https://kia.bengawalk.com/", lime_bg=true, env=env) }}</div>
                         </div>
                     {%- endcall %}
                 </div>

tailwind.config.js

@@ -681,6 +681,7 @@ module.exports = {
       3: '3deg',
       6: '6deg',
       12: '12deg',
+      40: '40deg',
       45: '45deg',
       90: '90deg',
       180: '180deg',