|
1 | 1 | .p-adventure-treasure-landscape { |
2 | | - |
3 | 2 | overflow-x: auto; |
4 | 3 |
|
5 | 4 | .m-body { |
|
31 | 30 | .color(white); |
32 | 31 | .bold(); |
33 | 32 | } |
34 | | - background-color:#fff; |
| 33 | + background-color: #fff; |
35 | 34 | .r(10px); |
36 | 35 | .w(400px); |
37 | 36 | } |
|
677 | 676 | align-items: center; |
678 | 677 | box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); |
679 | 678 | .el-select { |
680 | | - width: 258px; |
681 | | - border: none; |
682 | | - background-color: rgba(243, 244, 245, 0.96); |
683 | | - line-height: 40px; |
684 | | - height: 40px; |
685 | | - .r(30px); |
686 | | - .color(white); |
687 | | - } |
688 | | - .m-related-roles { |
689 | | - .fz(12px); |
690 | | - .r(10px); |
691 | | - background-color: white; |
692 | | - padding: 10px 15px; |
693 | | - .pa(); |
694 | | - left: 50%; |
695 | | - top: 30px; |
696 | | - transform: translateX(-50%); |
697 | | - display: flex; |
698 | | - align-items: center; |
699 | | - box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); |
700 | | - .el-select { |
701 | | - width: 258px; |
702 | | - border: none; |
703 | | - background-color: rgba(243, 244, 245, 0.96); |
704 | | - line-height: 40px; |
705 | | - height: 40px; |
706 | | - .r(30px); |
707 | | - .el-select__wrapper { |
708 | | - height: 40px; |
709 | | - .fz(16px, 40px); |
710 | | - .bold(); |
711 | | - background-color: transparent; |
712 | | - box-shadow: none; |
713 | | - } |
714 | | - .el-select__caret { |
715 | | - color: black; |
716 | | - .fz(16px); |
717 | | - } |
718 | | - &:not(:first-child) { |
719 | | - margin-left: 10px; |
720 | | - } |
721 | | - } |
722 | | - .u-tip { |
723 | | - .mb(10px); |
724 | | - i { |
725 | | - .fz(16px); |
726 | | - .mr(3px); |
727 | | - } |
728 | | - a { |
729 | | - padding: 0 2px; |
730 | | - box-shadow: 0 1px 0 @color-link; |
731 | | - } |
732 | | - } |
733 | | - .el-input__prefix { |
734 | | - left: 1px; |
735 | | - top: 1px; |
736 | | - .r(5px); |
737 | | - } |
738 | | - .u-prefix { |
739 | | - .db; |
740 | | - .h(30px); |
741 | | - .lh(30px); |
742 | | - |
743 | | - background-color: #f5f7fa; |
744 | | - color: #909399; |
745 | | - |
746 | | - border-right: 1px solid #dcdfe6; |
747 | | - border-top-left-radius: 4px; |
748 | | - border-bottom-left-radius: 4px; |
749 | | - |
750 | | - padding: 0 10px; |
751 | | - white-space: nowrap; |
752 | | - } |
753 | | - .el-input--prefix .el-input__inner { |
754 | | - padding-left: 85px; |
755 | | - } |
756 | | - .u-refresh { |
757 | | - margin-left: 20px; |
758 | | - } |
759 | | - .el-button span { |
760 | | - .flex(y); |
761 | | - gap: 3px; |
762 | | - } |
| 679 | + width: 200px; |
| 680 | + margin-right: 10px; |
| 681 | + // border: none; |
| 682 | + // background-color: rgba(243, 244, 245, 0.96); |
| 683 | + // line-height: 40px; |
| 684 | + // height: 40px; |
| 685 | + // .r(30px); |
| 686 | + // .color(white); |
763 | 687 | } |
| 688 | + } |
764 | 689 |
|
765 | | - .m-related-roles-options { |
766 | | - .u-role { |
767 | | - display: flex; |
768 | | - justify-content: space-between; |
769 | | - } |
770 | | - .u-role-name { |
771 | | - .flex; |
772 | | - align-items: center; |
773 | | - } |
774 | | - .u-role-icon { |
775 | | - .size(20px); |
776 | | - .y; |
777 | | - .mr(3px); |
778 | | - .r(50%); |
779 | | - } |
780 | | - .u-role-server { |
781 | | - color: #999; |
782 | | - .fz(12px); |
783 | | - } |
784 | | - } |
785 | | - @media screen and (max-width: 720px) { |
786 | | - .m-related-roles { |
787 | | - .ps(); |
788 | | - transform: none; |
789 | | - } |
| 690 | + @media screen and (max-width: 720px) { |
| 691 | + .m-related-roles { |
| 692 | + .ps(); |
| 693 | + transform: none; |
790 | 694 | } |
| 695 | + } |
791 | 696 |
|
792 | | - .m-treasure-footer { |
793 | | - .x; |
794 | | - } |
| 697 | + .m-treasure-footer { |
| 698 | + .x; |
| 699 | + } |
| 700 | +} |
| 701 | +.m-related-roles-options { |
| 702 | + .u-role { |
| 703 | + display: flex; |
| 704 | + justify-content: space-between; |
| 705 | + } |
| 706 | + .u-role-name { |
| 707 | + .flex; |
| 708 | + align-items: center; |
| 709 | + } |
| 710 | + .u-role-icon { |
| 711 | + .size(20px); |
| 712 | + .y; |
| 713 | + .mr(3px); |
| 714 | + .r(50%); |
| 715 | + } |
| 716 | + .u-role-server { |
| 717 | + color: #999; |
| 718 | + .fz(12px); |
795 | 719 | } |
796 | 720 | } |
0 commit comments