Fix home page width, fix #125

spraakbanken · Jan 2, 2024 · 3b3001a · 3b3001a
1 parent cf0b9e3
commit 3b3001a
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -17,9 +17,13 @@ As this project is a user-facing application, the places in the semantic version
 
 - Rename "Dashboard" to "Library"
 - Use new `resource-info` route, drop `check-status` and `list-sources`
-- Allow clicking most elements behind a loading spinner
 - The local storage key is now tagged with a datestamp, and should be changed when the data shape of the state changes
 
+### Fixed
+
+- Allow clicking most elements behind a loading spinner
+- Home page width on small screen
+
 ## [1.0.5] (2023-11-28)
 
 ### Changed

diff --git a/src/home/Home.vue b/src/home/Home.vue
@@ -85,7 +85,7 @@ const logoutUrl = getLogoutUrl();
         <div
           class="flex-1 flex flex-col md:flex-row 2xl:flex-col items-center gap-6"
         >
-          <HomeIllustration class="w-96 md:w-1/2 2xl:w-4/5">
+          <HomeIllustration class="md:w-1/2 2xl:w-4/5">
             <img src="@/assets/sparv-screen.png" />
           </HomeIllustration>
 
@@ -106,7 +106,7 @@ const logoutUrl = getLogoutUrl();
         <div
           class="flex-1 flex flex-col md:flex-row-reverse 2xl:flex-col items-center gap-6"
         >
-          <HomeIllustration class="w-96 md:w-1/2 2xl:w-4/5">
+          <HomeIllustration class="md:w-1/2 2xl:w-4/5">
             <img src="@/assets/texts.png" />
           </HomeIllustration>
 
@@ -125,7 +125,7 @@ const logoutUrl = getLogoutUrl();
         <div
           class="flex-1 flex flex-col md:flex-row 2xl:flex-col items-center gap-6"
         >
-          <HomeIllustration class="w-96 md:w-1/2 2xl:w-4/5">
+          <HomeIllustration class="md:w-1/2 2xl:w-4/5">
             <img src="@/assets/korp-screen.png" />
           </HomeIllustration>
 
@@ -154,7 +154,7 @@ const logoutUrl = getLogoutUrl();
         <div
           class="flex-1 flex flex-col md:flex-row-reverse 2xl:flex-col items-center gap-6"
         >
-          <HomeIllustration class="w-96 md:w-1/2 2xl:w-5/6">
+          <HomeIllustration class="md:w-1/2 2xl:w-5/6">
             <img src="@/assets/share.png" />
           </HomeIllustration>