🐞fix(视频标签): 适配

Author: snownstone

src/pages/projects/styles.module.css

@@ -132,38 +132,48 @@
   padding-right: 3.75rem;
 }
 
+/*
 .navContainer {
   padding-right: 4rem;
   padding-left: 4rem;
   margin-right: auto;
   margin-left: auto;
   margin-bottom: 3rem;
 }
+*/
+
 
 .filter {
   display: flex;
   justify-content: center;
+  flex-wrap: wrap;
+  margin-bottom: 2rem;
+
 }
 
 .tag {
   color: white;
-  padding: 0.5rem 1rem;
+  padding: 0.2rem 0.5rem;
   border: solid white 1.5px;
   border-radius: 2.5rem;
-  margin:0 1rem;
+  margin:0.5rem 1rem;
   background-color:black;
-  font-size:1.2rem;
+  font-size:1rem;
   outline: none;
   cursor: pointer;
+  display: inline-block;
+  vertical-align: middle;
 }
 
 .tagActive {
   outline: none;
   color: white;
-  padding: 0.5rem 1rem;
+  padding: 0.2rem 0.5rem;
   border: solid white 1.5px;
   border-radius: 2.5rem;
-  margin:0 1rem;
+  margin:0.5rem 1rem;
   background-color: #ffb81e;
-  font-size: 1.5rem;
+  font-size: 1rem;
+  display: inline-block;
+  vertical-align: middle;
 }