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