aa

src/views/index.vue

@@ -219,7 +219,7 @@
 
             <div
               v-if="section.apps?.length"
-              class="grid grid-cols-[repeat(2,minmax(0,1fr))] gap-2 p-6 px-3 md:px-6 md:grid-cols-[repeat(4,minmax(0,1fr))]"
+              class="grid grid-cols-[repeat(2,minmax(0,1fr))] gap-2 p-6 px-3 md:px-6 md:grid-cols-[repeat(3,minmax(0,1fr))] xl:grid-cols-[repeat(3,minmax(0,1fr))]"
             >
               <button
                 v-for="(app, appIndex) in section.apps"
@@ -1415,11 +1415,11 @@ onUnmounted(() => {
   display: flex;
   align-items: center;
   justify-content: flex-start;
-  flex: 0 0 260px;
-  width: 260px;
-  min-width: 260px;
+  flex: 0 0 190px;
+  width: 190px;
+  min-width: 190px;
   min-height: 48px;
-  padding: 0 22px 0 24px;
+  padding: 0 20px 0 0px;
   box-sizing: border-box;
   background: linear-gradient(
     90deg,
@@ -1439,7 +1439,7 @@ onUnmounted(() => {
 
 .platform-block__title {
   color: #f4f7ff;
-  font-size: 18px;
+  font-size: 15px;
   font-weight: 800;
   min-width: 0;
   flex: 0 1 auto;
@@ -1472,10 +1472,10 @@ onUnmounted(() => {
   min-height: 40px;
   align-items: center;
   justify-content: flex-start;
-  gap: 8px;
+  gap: 6px;
   border: 1px solid rgba(109, 137, 213, 0.16);
   border-radius: 10px;
-  padding: 0 10px;
+  padding: 0 8px;
   background: rgba(17, 25, 48, 0.8);
 
   font-size: 14px;
@@ -1502,7 +1502,6 @@ onUnmounted(() => {
   color: #f4f7ff;
   border-color: rgba(129, 145, 255, 0.44);
   box-shadow: inset 0 0 0 1px rgba(159, 173, 255, 0.08);
-  font-weight: 700;
 }
 
 .platform-app--ghost {
@@ -1514,17 +1513,23 @@ onUnmounted(() => {
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  flex: 0 0 28px;
   color: #79b0ff;
   filter: drop-shadow(0 0 8px rgba(90, 122, 255, 0.24));
 }
 
 .platform-app__label {
-  min-width: 0;
+  min-width: auto;
   flex: 1;
   white-space: nowrap;
+  overflow: visible;
+  text-overflow: clip;
+  font-size: 13px;
+  line-height: 1;
+  color: #b8b9be;
+  white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  color: #b8b9be;
 }
 
 .platform-block > .grid {