v1.0.0

web/lib/pages/home/style.css

@@ -36,7 +36,7 @@
     cursor: pointer;
     color: var(--ColorThemes3);
     border-radius: var(--border-radius);
-    font-size: 16px;
+    font-size: var(--FontSize5);
     font-weight: 300;
     padding: 20px;
     position: relative;
@@ -47,7 +47,8 @@
 }
 
 
-.page-home #home-personal-territory-list {
+.page-home #home-personal-territory-list,
+.page-home #home-group-territory-list {
     width: 100%;
     margin: 0;
     display: flex;
@@ -112,7 +113,7 @@
     /* background-repeat: round; */
     background-size: cover;
     background-position: center;
-    background-image: url(https://tm.rozenrod.com/web/img/bg.webp);
+    background-color: var(--PrimaryColor);
 }
 .page-home .card>a {
     position: absolute;
@@ -132,60 +133,41 @@
     color: #fff;
     display: flex;
     flex-direction: column;
-    align-items: center;
+    align-items: stretch;
     justify-content: space-between;
 }
 
-.page-home .group {
-    width: calc(100% - 20px);
-    max-height: 50px;
-    border-radius: 7px;
-    padding: 10px 0;
-    margin-top: 10px;
-    display: flex;
-    background: var(--PrimaryColor);
-    align-items: center;
-    flex-direction: column;
-    justify-content: space-around;
-}
-
-.page-home .group>span {
-    color: #fff;
-    font-size: 14px;
-    font-weight: 400;
-}
-
 .page-home .info {
-    width: calc(100% - 20px);
-    margin-bottom: 10px;
+    margin: 10px;
 }
 
 .page-home .info>div {
     width: 100%;
     height: 35px;
-    margin-top: 5px;
     display: flex;
     background: var(--ColorThemes0);
     align-items: center;
     justify-content: center;
-    font-size: 12px;
+    font-size: var(--FontSize1);
     color: var(--ColorThemes3);
-    border-radius: 7px;
+    border-radius: calc(var(--border-radius) - 5px - 4px);
     position: relative;
     overflow: hidden;
 }
 
 .page-home .info>div>span {
     color: var(--ColorThemes3);
-    font-size: 14px;
+    font-size: var(--FontSize3);
     font-weight: 300;
     z-index: 2;
 }
 
 .page-home .info>div>p {
     color: var(--ColorThemes3);
-    font-size: 14px;
+    font-size: var(--FontSize3);
     font-weight: 400;
     padding: 10px;
     z-index: 2;
+        width: 100%;
+    text-align: center;
 }