feats

resources/static/css/common.css

@@ -1,6 +1,6 @@
 :root {
-  --main-bg: #0d267c;
-  --primary-bg: #4276f5;
+  --main-bg: #0D267C;
+  --primary-bg: #4276F5;
 }
 .panel {
   border-radius: 12px;
@@ -51,14 +51,14 @@
 }
 .nav-menu .nav-menu-item.active div {
   position: relative;
-  border-bottom: 4px solid #3cbaf5;
+  border-bottom: 4px solid #3CBAF5;
 }
 .nav-menu .nav-menu-item.active div::after {
-  content: '';
+  content: "";
   width: 0;
   height: 0;
   border: 8px solid transparent;
-  border-bottom-color: #3cbaf5;
+  border-bottom-color: #3CBAF5;
   position: absolute;
   left: calc(50% - 8px);
   bottom: 0;
@@ -92,20 +92,7 @@
   width: 100%;
   height: 100%;
   overflow-y: auto;
-  background: #071c51;
-}
-.chart-page .flex-part {
-  display: flex;
-  justify-content: space-between;
-}
-.chart-page .flex-part .flex-part-3 {
-  flex: 3;
-}
-.chart-page .flex-part .flex-part-2 {
-  flex: 3;
-}
-.chart-page .flex-part .flex-part-1 {
-  flex: 1;
+  background: #071C51;
 }
 .chart-page .count {
   border-radius: 20px;
@@ -130,9 +117,9 @@
 }
 .chart-page .count dl::before,
 .chart-page .count dl::after {
-  content: '';
+  content: "";
   position: absolute;
-  background: #ffffff;
+  background: #FFFFFF;
   opacity: 0.1;
   border-radius: 50%;
   font-size: 0;
@@ -151,16 +138,16 @@
   top: 81px;
 }
 .chart-page .count dl:nth-child(1) {
-  background: linear-gradient(90deg, #3886d6, #003789);
+  background: linear-gradient(90deg, #3886D6, #003789);
 }
 .chart-page .count dl:nth-child(2) {
-  background: linear-gradient(90deg, #29a0b1, #3c1a63);
+  background: linear-gradient(90deg, #29A0B1, #3C1A63);
 }
 .chart-page .count dl:nth-child(3) {
-  background: linear-gradient(90deg, #1570ab, #343894);
+  background: linear-gradient(90deg, #1570AB, #343894);
 }
 .chart-page .count dl:nth-child(4) {
-  background: linear-gradient(90deg, #2788b6, #083a8c);
+  background: linear-gradient(90deg, #2788B6, #083A8C);
 }
 .chart-card {
   position: relative;
@@ -188,7 +175,7 @@
 .chart-card.panel .panel-heading .selectGroup select {
   background: transparent;
   border: 0;
-  color: #ffffff;
+  color: #FFFFFF;
 }
 .chart-card.panel .panel-heading img {
   width: 28px;
@@ -201,14 +188,14 @@
   font-size: 22px;
   font-weight: 500;
   color: transparent;
-  background-image: linear-gradient(0deg, #6f39b9 0%, #1eaed1 100%);
+  background-image: linear-gradient(0deg, #6F39B9 0%, #1EAED1 100%);
   vertical-align: middle;
   background-clip: text;
   -webkit-background-clip: text;
 }
 .chart-card.panel .panel-body {
   padding: 0;
-  background: #071c51;
+  background: #071C51;
 }
 .chart-card.panel .panel-body .info-list li {
   color: rgba(255, 255, 255, 0.6);
@@ -251,16 +238,10 @@
   top: -450%;
   width: 1000%;
   height: 1000%;
-  background-color: #1e5983;
+  background-color: #1E5983;
   background-repeat: no-repeat;
   background-position: 0 0, 100% 100%;
-  background-image: conic-gradient(
-      from 0,
-      transparent,
-      #a8efff,
-      transparent 20%
-    ),
-    conic-gradient(from 180deg, transparent, #a8efff, transparent 20%);
+  background-image: conic-gradient(from 0, transparent, #a8efff, transparent 20%), conic-gradient(from 180deg, transparent, #a8efff, transparent 20%);
   animation: chart-card-rotate 10s linear infinite;
 }
 .chart-card::after {
@@ -271,10 +252,9 @@
   top: 2px;
   width: calc(100% - 4px);
   height: calc(100% - 4px);
-  background: #071c51;
+  background: #071C51;
   border-radius: 18px;
-  box-shadow: 2px 2px 10px rgba(255, 255, 255, 0.2) inset,
-    -2px -2px 10px rgba(255, 255, 255, 0.2) inset;
+  box-shadow: 2px 2px 10px rgba(255, 255, 255, 0.2) inset, -2px -2px 10px rgba(255, 255, 255, 0.2) inset;
 }
 .ext-page .page-title {
   font-size: 20px;
@@ -337,6 +317,14 @@
   line-height: 36px;
   height: 36px;
 }
+.ext-page .chosen-container.form-control {
+  padding: 0;
+}
+.ext-page .chosen-container.form-control.chosen-container-active .chosen-choices,
+.ext-page .chosen-container.form-control.chosen-container-multi .chosen-choices {
+  border: none;
+  box-shadow: none;
+}
 .editBar {
   display: flex;
   flex-direction: row-reverse;
@@ -355,7 +343,7 @@
 }
 .dashboard-page {
   height: 100%;
-  background-color: #081a48;
+  background-color: #081A48;
 }
 .dashboard-page > div {
   height: 50%;
@@ -392,16 +380,16 @@
 .dashboard-page .act-list .row + .row {
   margin-top: 64px;
 }
-.dashboard-page .act-list div[class^='col'] {
+.dashboard-page .act-list div[class^="col"] {
   min-width: 280px;
   width: calc(25% - 48px);
   height: 100%;
   position: relative;
 }
-.dashboard-page .act-list div[class^='col'] + div {
+.dashboard-page .act-list div[class^="col"] + div {
   margin-left: 64px;
 }
-.dashboard-page .act-list div[class^='col'] .act-body {
+.dashboard-page .act-list div[class^="col"] .act-body {
   z-index: 1;
   width: 100%;
   height: 100%;
@@ -410,14 +398,14 @@
   justify-content: center;
   align-items: center;
 }
-.dashboard-page .act-list div[class^='col'] .act-body .act-icon {
+.dashboard-page .act-list div[class^="col"] .act-body .act-icon {
   position: relative;
   width: 64px;
   height: 64px;
   min-height: 64px;
   flex: 0;
 }
-.dashboard-page .act-list div[class^='col'] .act-body .act-icon img {
+.dashboard-page .act-list div[class^="col"] .act-body .act-icon img {
   position: absolute;
   left: calc(50% - 32px);
   top: 0;
@@ -426,30 +414,25 @@
   height: 100%;
   object-fit: contain;
 }
-.dashboard-page
-  .act-list
-  div[class^='col']
-  .act-body
-  .act-icon
-  img:nth-child(2) {
+.dashboard-page .act-list div[class^="col"] .act-body .act-icon img:nth-child(2) {
   display: none;
 }
-.dashboard-page .act-list div[class^='col'] .act-body .act-content {
+.dashboard-page .act-list div[class^="col"] .act-body .act-content {
   flex: 0;
   text-align: center;
 }
-.dashboard-page .act-list div[class^='col'] .act-body .act-content span {
+.dashboard-page .act-list div[class^="col"] .act-body .act-content span {
   display: inline-block;
   padding: 0 1em;
   font-size: 24px;
   font-weight: 500;
   color: transparent;
-  background: linear-gradient(0deg, #2362e4 0%, #00d5fb 100%);
+  background: linear-gradient(0deg, #2362E4 0%, #00D5FB 100%);
   vertical-align: middle;
   background-clip: text;
   -webkit-background-clip: text;
 }
-.dashboard-page .act-list div[class^='col'] .act-bg {
+.dashboard-page .act-list div[class^="col"] .act-bg {
   position: absolute;
   width: 100%;
   height: 100%;
@@ -457,27 +440,27 @@
   left: 0;
   top: 0;
 }
-.dashboard-page .act-list div[class^='col'] .act-bg img {
+.dashboard-page .act-list div[class^="col"] .act-bg img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: contain;
 }
-.dashboard-page .act-list div[class^='col'] .act-bg img:nth-child(2) {
+.dashboard-page .act-list div[class^="col"] .act-bg img:nth-child(2) {
   display: none;
 }
-.dashboard-page .act-list div[class^='col']:hover {
+.dashboard-page .act-list div[class^="col"]:hover {
   cursor: pointer;
 }
-.dashboard-page .act-list div[class^='col']:hover .act-bg img:nth-child(1),
-.dashboard-page .act-list div[class^='col']:hover .act-icon img:nth-child(1) {
+.dashboard-page .act-list div[class^="col"]:hover .act-bg img:nth-child(1),
+.dashboard-page .act-list div[class^="col"]:hover .act-icon img:nth-child(1) {
   display: none;
 }
-.dashboard-page .act-list div[class^='col']:hover .act-bg img:nth-child(2),
-.dashboard-page .act-list div[class^='col']:hover .act-icon img:nth-child(2) {
+.dashboard-page .act-list div[class^="col"]:hover .act-bg img:nth-child(2),
+.dashboard-page .act-list div[class^="col"]:hover .act-icon img:nth-child(2) {
   display: block;
 }
-.dashboard-page .act-list div[class^='col']:hover .act-content span {
+.dashboard-page .act-list div[class^="col"]:hover .act-content span {
   color: #fff;
   background: none;
 }