Merge pull request #14 from tokyorubykaigi12/terfno/sponsors-design-fix

fix layout broken
tokyorubykaigi12 · Nov 11, 2024 · fac5d29 · fac5d29
2 parents d141d76 + 2a4f1f6
commit fac5d29
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/src/components/sponsors/Logo.astro b/src/components/sponsors/Logo.astro
@@ -54,6 +54,12 @@ const SilverSmallSize = "160px";
       height: var(--RubySmallSize);
     }
   }
+  @media screen and (width <= 420px) {
+    .Ruby {
+      width: var(--GoldSmallSize);
+      height: var(--GoldSmallSize);
+    }
+  }
 
   .Gold {
     width: var(--GoldLargeSize);

diff --git a/src/components/sponsors/Sponsor.astro b/src/components/sponsors/Sponsor.astro
@@ -56,6 +56,8 @@ const { grade, label, company } = Astro.props;
   }
   @media screen and (width <= 720px) {
     .inner {
+      flex-direction: column;
+      align-items: center;
       justify-content: center;
       flex-wrap: wrap;
     }
@@ -70,6 +72,7 @@ const { grade, label, company } = Astro.props;
   @media screen and (720px <= width <= 960px) {
     .inner-silver {
       flex-direction: row;
+      align-items: flex-start;
     }
   }
 

diff --git a/src/components/sponsors/Sponsors.astro b/src/components/sponsors/Sponsors.astro
@@ -11,8 +11,8 @@ import LivesenseLogoImage from "./logos/livesense.co.jp.svg";
 // Golds
 import SmarthrLogoImage from "./logos/SmartHR.svg";
 import TimeeLogoImage from "./logos/timee.svg";
-import HacomonoLogoImage from "./logos/hacomono.svg";
 import AndpadLogoImage from "./logos/andpad.png";
+import HacomonoLogoImage from "./logos/hacomono.svg";
 
 // Silvers
 import FBCLogoImage from "./logos/FBC.svg";