#

whycq

2023-10-21 6e1ba99d861ef7c92b69b77ff95bbd9eace9d300

 Monitor-APP/pages/home/home.css

@@ -1,16 +1,17 @@
.text-content {
   width: 100%;
   height: 100%;
   font-size: 40px;
   font-size: 44px;
   /* background-color: aliceblue;    */
}
.swiper-head {
   width: 100%;
   height: 10%;
   background-color: rgba(54, 94, 226, 0.5);
   display: grid;
   grid-template-columns: 2fr 3fr 2fr 2fr 1fr;
   display: flex;
   /* grid-template-columns: 2fr 3fr 2fr 2fr 1fr; */
   align-items: center;
   justify-content: space-around;
   
}
.swiper-body {
@@ -21,13 +22,24 @@
.swiper-body-main {
   width: 100%;
   height: 100%;
   font-size: 70px;
   /* background-color: #00a8ff; */
}
.swiper-item {
   display: grid;
   display: flex;
   align-items: center;
   grid-template-columns: 2fr 3fr 2fr 2fr 1fr;
   text-align: start;
   justify-content: space-around;
   border-bottom: 2px solid #000;
   background-color: rgba(0, 0, 0, .2);
}

.swiper-item:nth-child(2n-1) {
   background-color: rgba(255, 255, 255, .1);
   /* background-color: rgba(255, 255, 255, .1); */
}
.swiper-margin {
   margin-top: 50px;
}
.textred {
   color: red;
}