|
|
@@ -4,45 +4,51 @@ $max-card-width: 235px;
|
|
|
|
|
|
.x-panel-bodyWrap {
|
|
|
.x-autocontainer-innerCt {
|
|
|
-
|
|
|
- .x-row {
|
|
|
+ .x-component {
|
|
|
display: flex;
|
|
|
- width: 100%;
|
|
|
- justify-content: flex-start;
|
|
|
-
|
|
|
- .x-col {
|
|
|
-
|
|
|
- flex: 1;
|
|
|
- max-width: $max-card-width;
|
|
|
- color: #fff;
|
|
|
- padding: 10px;
|
|
|
-
|
|
|
- .x-box {
|
|
|
- padding: 16px;
|
|
|
- height: 120px;
|
|
|
- border-radius: 0.5rem;
|
|
|
- position: relative;
|
|
|
- display: block;
|
|
|
- cursor: pointer;
|
|
|
-
|
|
|
- &:hover {
|
|
|
- opacity: 0.7;
|
|
|
- }
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: center;
|
|
|
+ height: 100%;
|
|
|
|
|
|
- h3 {
|
|
|
- text-align: center;
|
|
|
- font-size: 16px;
|
|
|
+ .x-row {
|
|
|
+ display: flex;
|
|
|
+ width: 100%;
|
|
|
+ justify-content: flex-start;
|
|
|
+
|
|
|
+ .x-col {
|
|
|
+
|
|
|
+ flex: 1;
|
|
|
+ max-width: $max-card-width;
|
|
|
+ color: #fff;
|
|
|
+ padding: 10px;
|
|
|
+
|
|
|
+ .x-box {
|
|
|
+ padding: 16px;
|
|
|
+ height: 120px;
|
|
|
+ border-radius: 0.5rem;
|
|
|
+ position: relative;
|
|
|
+ display: block;
|
|
|
+ cursor: pointer;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ opacity: 0.7;
|
|
|
+ }
|
|
|
+
|
|
|
+ h3 {
|
|
|
+ text-align: center;
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+
|
|
|
+ p {
|
|
|
+ font-size: 24px;
|
|
|
+ text-align: center;
|
|
|
+ margin-top: 32px;
|
|
|
+ }
|
|
|
+
|
|
|
}
|
|
|
-
|
|
|
- p {
|
|
|
- font-size: 24px;
|
|
|
- text-align: center;
|
|
|
- margin-top: 32px;
|
|
|
+ .x-box.x-view-item-focused {
|
|
|
+ outline: none !important;
|
|
|
}
|
|
|
-
|
|
|
- }
|
|
|
- .x-box.x-view-item-focused {
|
|
|
- outline: none !important;
|
|
|
}
|
|
|
}
|
|
|
}
|
zhuth