feat: improve layout

tomalaforge · Mar 30, 2024 · 108c775 · 108c775
1 parent 8561653
commit 108c775
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 27 deletions.
diff --git a/docs/astro.config.mjs b/docs/astro.config.mjs
@@ -54,19 +54,19 @@ export default defineConfig({
         ru: 'Руководство'
       }
     },
-      {
-      label: 'Leaderboard',
-      autogenerate: {
-        directory: 'leaderboard',
-        collapsed: true
-      },
-      translations: {
-        es: 'Leaderboard',
-        fr: 'Leaderboard',
-        pt: 'Leaderboard',
-        ru: 'Leaderboard'
-      }
-    },
+    //   {
+    //   label: 'Leaderboard',
+    //   autogenerate: {
+    //     directory: 'leaderboard',
+    //     collapsed: true
+    //   },
+    //   translations: {
+    //     es: 'Leaderboard',
+    //     fr: 'Leaderboard',
+    //     pt: 'Leaderboard',
+    //     ru: 'Leaderboard'
+    //   }
+    // },
     {
       label: 'Challenges',
       autogenerate: {

diff --git a/docs/src/components/leaderboard/LeaderboardAnswer.svelte b/docs/src/components/leaderboard/LeaderboardAnswer.svelte
@@ -88,9 +88,9 @@
 
 <style>
   .box {
-    display: grid;
+    display: flex;
+    flex-wrap: wrap;
     justify-items: center;
-    grid-template-columns: 1fr 1fr;
     gap: 1.5rem;
     margin-top: 2rem;
   }

diff --git a/docs/src/components/leaderboard/LeaderboardChallenge.svelte b/docs/src/components/leaderboard/LeaderboardChallenge.svelte
@@ -71,10 +71,10 @@
 
 <style>
   .box {
-    display: grid;
+    display: flex;
+    flex-wrap: wrap;
     justify-items: center;
-    grid-template-columns: 1fr 1fr;
-    gap: 1.5rem;
+    gap: 1rem;
     margin-top: 2rem;
   }
 </style>
diff --git a/docs/src/components/leaderboard/LeaderboardCommit.svelte b/docs/src/components/leaderboard/LeaderboardCommit.svelte
@@ -87,10 +87,10 @@
 
 <style>
   .box {
-    display: grid;
+    display: flex;
+    flex-wrap: wrap;
     justify-items: center;
-    grid-template-columns: 1fr 1fr;
-    gap: 1.5rem;
+    gap: 1rem;
     margin-top: 2rem;
   }
 </style>
diff --git a/docs/src/components/leaderboard/UserBox.svelte b/docs/src/components/leaderboard/UserBox.svelte
@@ -34,9 +34,8 @@
     border: 1px solid var(--sl-color-gray-3);
     border-radius: 5px;
     align-items: center;
-    width: 100%;
-    max-width: 300px;
     justify-content: space-between;
+    width: 100%;
   }
 
   .user-info {
@@ -63,10 +62,6 @@
     font-size: 24px;
     color: red;
     line-height: 24px;
-    max-width: 150px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
   }
 
   .count {