解决标题栏宽度问题并将包管理器从npm改为yarn。

package.json

@@ -25,5 +25,6 @@
     "@vitejs/plugin-vue": "^4.0.0",
     "esno": "^4.8.0",
     "vite": "^4.0.0"
-  }
+  },
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }

src/components/ExamplesContent.vue

@@ -2,21 +2,6 @@
 <!--<div class="pageroot" style="background-color: white;">-->
   <div v-if="this.error==null" id="examplelist">
     <div id="typegrid">
-<!--      <a href="/Examples" style="text-decoration: none;">-->
-<!--        <div class="typebar"-->
-<!--             :class="{-->
-<!--                active: (!$route.query.type || $route.query.type === '')}">-->
-<!--          全部-->
-<!--        </div>-->
-<!--      </a>-->
-<!--      <a v-for="(item, index) in this.types"-->
-<!--                   :key="index":href="`/Examples?type=${item}`"-->
-<!--                   style="text-decoration: none;">-->
-<!--        <div class="typebar"-->
-<!--             :class="{ active: ($route.query.type === item)}">-->
-<!--          {{item}}-->
-<!--        </div>-->
-<!--      </a>-->
       <router-link to="/Examples" style="text-decoration: none;">
         <div class="typebar"
              :class="{
@@ -268,7 +253,7 @@ export default {
   }
 
   @include media-breakpoint-up(md) {
-    grid-template-columns: repeat(4,minmax(0,300px)) !important;
+    grid-template-columns: repeat(4,1fr) !important;
     gap: 32px;
   }