@@ -43,42 +43,6 @@ body {
43
43
# ref .chart .color-secondary {
44
44
color : # 7bccdd ; }
45
45
46
- .app {
47
- position : relative;
48
- width : 100% ;
49
- padding-left : 230px ;
50
- min-height : 100vh ;
51
- margin : 0 auto;
52
- left : 0 ;
53
- background-color : # f0f3f6 ;
54
- box-shadow : 0 0 3px # ccc ;
55
- -webkit-transition : left 0.3s ease, padding-left 0.3s ease;
56
- transition : left 0.3s ease, padding-left 0.3s ease;
57
- overflow : hidden; }
58
- .app .content {
59
- padding : 110px 30px 90px 30px ;
60
- min-height : 100vh ; }
61
- @media (min-width : 1200px ) {
62
- .app .content {
63
- padding : 120px 50px 100px 50px ; } }
64
-
65
- @media (min-width : 992px ) and (max-width : 1199px ) {
66
- .app .content {
67
- padding : 110px 30px 90px 30px ; } }
68
-
69
- @media (min-width : 768px ) and (max-width : 991px ) {
70
- .app .content {
71
- padding : 95px 20px 75px 20px ; } }
72
- @media (max-width : 767px ) {
73
- .app .content {
74
- padding : 65px 10px 65px 10px ; } }
75
- @media (max-width : 991px ) {
76
- .app {
77
- padding-left : 0 ; } }
78
- @media (max-width : 991px ) {
79
- .app .sidebar-open {
80
- left : 0 ; } }
81
-
82
46
.auth {
83
47
position : absolute;
84
48
width : 100% ;
@@ -133,6 +97,42 @@ body {
133
97
.auth-container .auth-content {
134
98
padding : 30px 25px ; } }
135
99
100
+ .app {
101
+ position : relative;
102
+ width : 100% ;
103
+ padding-left : 230px ;
104
+ min-height : 100vh ;
105
+ margin : 0 auto;
106
+ left : 0 ;
107
+ background-color : # f0f3f6 ;
108
+ box-shadow : 0 0 3px # ccc ;
109
+ -webkit-transition : left 0.3s ease, padding-left 0.3s ease;
110
+ transition : left 0.3s ease, padding-left 0.3s ease;
111
+ overflow : hidden; }
112
+ .app .content {
113
+ padding : 110px 30px 90px 30px ;
114
+ min-height : 100vh ; }
115
+ @media (min-width : 1200px ) {
116
+ .app .content {
117
+ padding : 120px 50px 100px 50px ; } }
118
+
119
+ @media (min-width : 992px ) and (max-width : 1199px ) {
120
+ .app .content {
121
+ padding : 110px 30px 90px 30px ; } }
122
+
123
+ @media (min-width : 768px ) and (max-width : 991px ) {
124
+ .app .content {
125
+ padding : 95px 20px 75px 20px ; } }
126
+ @media (max-width : 767px ) {
127
+ .app .content {
128
+ padding : 65px 10px 65px 10px ; } }
129
+ @media (max-width : 991px ) {
130
+ .app {
131
+ padding-left : 0 ; } }
132
+ @media (max-width : 991px ) {
133
+ .app .sidebar-open {
134
+ left : 0 ; } }
135
+
136
136
.error-card {
137
137
width : 410px ;
138
138
min-height : 330px ;
@@ -567,13 +567,6 @@ body {
567
567
-ms-transform : scaleX (0 );
568
568
transform : scaleX (0 ); }
569
569
570
- .easy-pie-chart {
571
- width : 50px ;
572
- height : 50px ;
573
- display : inline-block;
574
- background-color : # d7dde4 ;
575
- border-radius : 5px ; }
576
-
577
570
.card {
578
571
background-color : # fff ;
579
572
box-shadow : 1px 1px 5px rgba (126 , 142 , 159 , 0.1 );
@@ -733,6 +726,13 @@ body {
733
726
.card-footer {
734
727
background-color : # fafafa ; }
735
728
729
+ .easy-pie-chart {
730
+ width : 50px ;
731
+ height : 50px ;
732
+ display : inline-block;
733
+ background-color : # d7dde4 ;
734
+ border-radius : 5px ; }
735
+
736
736
.dropdown-menu {
737
737
float : left;
738
738
box-shadow : 2px 3px 6px rgba (126 , 142 , 159 , 0.1 );
@@ -755,38 +755,6 @@ body {
755
755
background : none;
756
756
background-color : whitesmoke; }
757
757
758
- .flex-row {
759
- display : -webkit-box;
760
- display : -webkit-flex;
761
- display : -ms-flexbox;
762
- display : flex;
763
- -webkit-box-orient : horizontal;
764
- -webkit-box-direction : normal;
765
- -webkit-flex-direction : row;
766
- -ms-flex-direction : row;
767
- flex-direction : row; }
768
-
769
- .flex-col {
770
- display : -webkit-box;
771
- display : -webkit-flex;
772
- display : -ms-flexbox;
773
- display : flex;
774
- -webkit-box-orient : vertical;
775
- -webkit-box-direction : normal;
776
- -webkit-flex-direction : column;
777
- -ms-flex-direction : column;
778
- flex-direction : column; }
779
-
780
- .centralize-y {
781
- display : -webkit-box;
782
- display : -webkit-flex;
783
- display : -ms-flexbox;
784
- display : flex;
785
- -webkit-box-align : center;
786
- -webkit-align-items : center;
787
- -ms-flex-align : center;
788
- align-items : center; }
789
-
790
758
input ,
791
759
textarea {
792
760
outline : none; }
@@ -943,6 +911,38 @@ label,
943
911
font-style : italic;
944
912
color : # d7dde4 ; }
945
913
914
+ .flex-row {
915
+ display : -webkit-box;
916
+ display : -webkit-flex;
917
+ display : -ms-flexbox;
918
+ display : flex;
919
+ -webkit-box-orient : horizontal;
920
+ -webkit-box-direction : normal;
921
+ -webkit-flex-direction : row;
922
+ -ms-flex-direction : row;
923
+ flex-direction : row; }
924
+
925
+ .flex-col {
926
+ display : -webkit-box;
927
+ display : -webkit-flex;
928
+ display : -ms-flexbox;
929
+ display : flex;
930
+ -webkit-box-orient : vertical;
931
+ -webkit-box-direction : normal;
932
+ -webkit-flex-direction : column;
933
+ -ms-flex-direction : column;
934
+ flex-direction : column; }
935
+
936
+ .centralize-y {
937
+ display : -webkit-box;
938
+ display : -webkit-flex;
939
+ display : -ms-flexbox;
940
+ display : flex;
941
+ -webkit-box-align : center;
942
+ -webkit-align-items : center;
943
+ -ms-flex-align : center;
944
+ align-items : center; }
945
+
946
946
/* *******************************************
947
947
* Item List general styles
948
948
********************************************** */
@@ -1772,11 +1772,6 @@ pre {
1772
1772
.dashboard-page .items .item-list .item-col-date {
1773
1773
border : none; } }
1774
1774
1775
- .dashboard-page .sales-breakdown .dashboard-sales-breakdown-chart {
1776
- margin : 0 auto;
1777
- max-width : 250px ;
1778
- max-height : 250px ; }
1779
-
1780
1775
.dashboard-page # dashboard-sales-map .jqvmap-zoomin ,
1781
1776
.dashboard-page # dashboard-sales-map .jqvmap-zoomout {
1782
1777
background-color : # 52BCD3 ;
@@ -1787,6 +1782,11 @@ pre {
1787
1782
.dashboard-page # dashboard-sales-map .jqvmap-zoomout {
1788
1783
top : 32px ; }
1789
1784
1785
+ .dashboard-page .sales-breakdown .dashboard-sales-breakdown-chart {
1786
+ margin : 0 auto;
1787
+ max-width : 250px ;
1788
+ max-height : 250px ; }
1789
+
1790
1790
.dashboard-page .stats .card-block {
1791
1791
padding-bottom : 0 ; }
1792
1792
@@ -2212,6 +2212,49 @@ pre {
2212
2212
margin-left : -5px ;
2213
2213
border-left : 1px solid # ddd ; } }
2214
2214
2215
+ .wyswyg {
2216
+ border : 1px solid # d7dde4 ; }
2217
+ .wyswyg .ql-container {
2218
+ border-top : 1px solid # d7dde4 ; }
2219
+ .wyswyg .toolbar .btn {
2220
+ margin : 0 ; }
2221
+ .wyswyg .ql-container {
2222
+ font-size : 1rem ; }
2223
+ .wyswyg .ql-container .ql-editor {
2224
+ min-height : 200px ; }
2225
+
2226
+ .header {
2227
+ background-color : # d7dde4 ;
2228
+ height : 70px ;
2229
+ position : absolute;
2230
+ left : 230px ;
2231
+ right : 0 ;
2232
+ -webkit-transition : left 0.3s ease;
2233
+ transition : left 0.3s ease;
2234
+ z-index : 10 ;
2235
+ display : -webkit-box;
2236
+ display : -webkit-flex;
2237
+ display : -ms-flexbox;
2238
+ display : flex;
2239
+ -webkit-box-align : center;
2240
+ -webkit-align-items : center;
2241
+ -ms-flex-align : center;
2242
+ align-items : center; }
2243
+ @media (max-width : 991px ) {
2244
+ .header {
2245
+ left : 0 ; } }
2246
+ @media (max-width : 767px ) {
2247
+ .header {
2248
+ left : 0 ;
2249
+ height : 50px ; } }
2250
+ .header-fixed .header {
2251
+ position : fixed; }
2252
+ .header .header-block {
2253
+ margin-right : 15px ; }
2254
+ @media (max-width : 767px ) {
2255
+ .header .header-block {
2256
+ padding : 5px ; } }
2257
+
2215
2258
.footer {
2216
2259
background-color : # fff ;
2217
2260
position : absolute;
@@ -2265,49 +2308,6 @@ pre {
2265
2308
.footer .author > ul {
2266
2309
display : none; } }
2267
2310
2268
- .wyswyg {
2269
- border : 1px solid # d7dde4 ; }
2270
- .wyswyg .ql-container {
2271
- border-top : 1px solid # d7dde4 ; }
2272
- .wyswyg .toolbar .btn {
2273
- margin : 0 ; }
2274
- .wyswyg .ql-container {
2275
- font-size : 1rem ; }
2276
- .wyswyg .ql-container .ql-editor {
2277
- min-height : 200px ; }
2278
-
2279
- .header {
2280
- background-color : # d7dde4 ;
2281
- height : 70px ;
2282
- position : absolute;
2283
- left : 230px ;
2284
- right : 0 ;
2285
- -webkit-transition : left 0.3s ease;
2286
- transition : left 0.3s ease;
2287
- z-index : 10 ;
2288
- display : -webkit-box;
2289
- display : -webkit-flex;
2290
- display : -ms-flexbox;
2291
- display : flex;
2292
- -webkit-box-align : center;
2293
- -webkit-align-items : center;
2294
- -ms-flex-align : center;
2295
- align-items : center; }
2296
- @media (max-width : 991px ) {
2297
- .header {
2298
- left : 0 ; } }
2299
- @media (max-width : 767px ) {
2300
- .header {
2301
- left : 0 ;
2302
- height : 50px ; } }
2303
- .header-fixed .header {
2304
- position : fixed; }
2305
- .header .header-block {
2306
- margin-right : 15px ; }
2307
- @media (max-width : 767px ) {
2308
- .header .header-block {
2309
- padding : 5px ; } }
2310
-
2311
2311
.modal .modal-content {
2312
2312
border-radius : 0 ; }
2313
2313
.modal .modal-content .modal-header {
0 commit comments