File tree Expand file tree Collapse file tree 7 files changed +697
-477
lines changed
Expand file tree Collapse file tree 7 files changed +697
-477
lines changed Original file line number Diff line number Diff line change @@ -784,6 +784,80 @@ select {
784784 background-color : rgba (21 , 60 , 94 , 1 );
785785 }
786786
787+ }
788+
789+ /* Dialog */
790+
791+ .Dialog {
792+ position : fixed;
793+ top : 0 ;
794+ left : 0 ;
795+ right : 0 ;
796+ bottom : 0 ;
797+ z-index : 100 ;
798+ display : flex;
799+ align-items : center;
800+ justify-content : center;
801+ }
802+
803+ .Dialog-background {
804+ position : absolute;
805+ top : 0 ;
806+ left : 0 ;
807+ right : 0 ;
808+ bottom : 0 ;
809+ background : rgba (0 , 0 , 0 , 0.5 );
810+ }
811+
812+ .Dialog-content {
813+ position : relative;
814+ background : # eee ;
815+ min-width : 300px ;
816+ max-width : 90% ;
817+ max-height : 90% ;
818+ overflow : auto;
819+ }
820+
821+ .Dialog-title {
822+ padding : 10px 15px ;
823+ color : # 666 ;
824+ text-transform : uppercase;
825+ }
826+
827+ .Dialog-body {
828+ padding : 15px ;
829+ }
830+
831+ .Dialog-body .Row {
832+ display : flex;
833+ align-items : center;
834+ min-height : 24px ;
835+ margin-bottom : 10px ;
836+ }
837+
838+ .Dialog-body .Row .Label {
839+ width : 120px ;
840+ color : # 888 ;
841+ }
842+
843+ .Dialog-buttons {
844+ display : flex;
845+ justify-content : flex-end;
846+ margin-top : 15px ;
847+ }
848+
849+ @media ( prefers-color-scheme : dark ) {
850+
851+ .Dialog-content {
852+ background : # 111 ;
853+ }
854+
855+ .Dialog-title {
856+ color : # 888 ;
857+ }
858+
859+
860+
787861}
788862
789863/* Temporary Chrome fix (#24794) */
You can’t perform that action at this time.
0 commit comments