|
16 | 16 | </template> |
17 | 17 |
|
18 | 18 | <script lang="ts"> |
19 | | - import { Vue, Component } from 'vue-property-decorator'; |
20 | | - import { Getter, Mutation } from 'vuex-class'; |
21 | | - import Main from './containers/Main.vue'; |
22 | | - import Sidebar from './containers/Sidebar.vue'; |
23 | | - import TableModals from './containers/TableModals.vue'; |
24 | | - import RecordModals from './containers/RecordModals.vue'; |
25 | | -
|
26 | | - @Component({ |
27 | | - name: 'app', |
28 | | - components: { |
29 | | - Main, |
30 | | - Sidebar, |
31 | | - TableModals, |
32 | | - RecordModals, |
33 | | - }, |
34 | | - }) |
35 | | - export default class App extends Vue { |
36 | | - } |
| 19 | +import { Vue, Component } from 'vue-property-decorator'; |
| 20 | +import { Getter, Mutation } from 'vuex-class'; |
| 21 | +import Main from './containers/Main.vue'; |
| 22 | +import Sidebar from './containers/Sidebar.vue'; |
| 23 | +import TableModals from './containers/TableModals.vue'; |
| 24 | +import RecordModals from './containers/RecordModals.vue'; |
| 25 | +
|
| 26 | +@Component({ |
| 27 | + name: 'app', |
| 28 | + components: { |
| 29 | + Main, |
| 30 | + Sidebar, |
| 31 | + TableModals, |
| 32 | + RecordModals, |
| 33 | + }, |
| 34 | +}) |
| 35 | +export default class App extends Vue {} |
37 | 36 | </script> |
38 | 37 |
|
39 | 38 | <style lang="stylus"> |
40 | | - @import url('https://fonts.googleapis.com/css?family=Roboto') |
41 | | -
|
42 | | - * |
43 | | - padding 0 |
44 | | - margin 0 |
45 | | - font-family 'Roboto', sans-serif |
46 | | - box-sizing border-box |
47 | | -
|
48 | | - *::-webkit-scrollbar |
49 | | - width 5px |
50 | | - background transparent |
51 | | - height 8px |
52 | | - z-index 1000 |
53 | | - *::-webkit-scrollbar-thumb |
54 | | - background #484d54 |
55 | | - border-radius 2px |
56 | | - *::-webkit-scrollbar-corner |
57 | | - height 0px |
58 | | - background transparent |
59 | | -
|
60 | | - html, body |
61 | | - height 100% |
62 | | - width 100% |
63 | | - font-size 14px |
64 | | - overflow hidden |
65 | | -
|
66 | | - ::placeholder |
67 | | - opacity .5 |
| 39 | +@import url('https://fonts.googleapis.com/css?family=Roboto') |
68 | 40 |
|
69 | | - #app |
70 | | - display flex |
71 | | - width 100% |
72 | | - height 100% |
| 41 | +* |
| 42 | + padding 0 |
| 43 | + margin 0 |
| 44 | + font-family 'Roboto', sans-serif |
| 45 | + box-sizing border-box |
| 46 | +
|
| 47 | +*::-webkit-scrollbar |
| 48 | + width 5px |
| 49 | + background transparent |
| 50 | + height 8px |
| 51 | + z-index 1000 |
| 52 | +
|
| 53 | +*::-webkit-scrollbar-thumb |
| 54 | + background #484d54 |
| 55 | + border-radius 2px |
| 56 | +
|
| 57 | +*::-webkit-scrollbar-corner |
| 58 | + height 0 |
| 59 | + background transparent |
| 60 | +
|
| 61 | +html, body |
| 62 | + height 100% |
| 63 | + width 100% |
| 64 | + font-size 14px |
| 65 | + overflow hidden |
| 66 | +
|
| 67 | +::placeholder |
| 68 | + opacity .5 |
| 69 | +
|
| 70 | +#app |
| 71 | + display flex |
| 72 | + width 100% |
| 73 | + height 100% |
| 74 | +
|
| 75 | +// customizing some imported components and theme selectors |
| 76 | +input[type='text']:disabled |
| 77 | + color #aaa !important |
73 | 78 |
|
74 | | - // customizing some imported components and theme selectors |
75 | | - input[type='text']:disabled |
76 | | - color #aaa !important |
| 79 | +.Resizer |
| 80 | + z-index 1 !important |
77 | 81 |
|
78 | | - .Resizer |
79 | | - z-index 1 !important |
| 82 | +.el-dialog__body |
| 83 | + z-index 10000 !important |
80 | 84 |
|
81 | | - .el-dialog__body |
82 | | - z-index 10000 !important |
| 85 | +.el-checkbox__inner |
| 86 | + border 1px solid #307CB0 !important |
83 | 87 |
|
84 | | - .el-checkbox__inner |
85 | | - border 1px solid #307CB0 !important |
| 88 | +.el-popover |
| 89 | + border 1px solid #aaa !important |
86 | 90 |
|
87 | | - .el-popover |
88 | | - border 1px solid #aaa !important |
| 91 | +.popper__arrow |
| 92 | + display none !important |
89 | 93 |
|
90 | | - .popper__arrow |
91 | | - display none !important |
| 94 | +.el-input__inner |
| 95 | + background-color #2c323a !important |
92 | 96 |
|
93 | | - .el-input__inner |
94 | | - background-color #2c323a !important |
| 97 | +.el-tag |
| 98 | + background #121820 !important |
| 99 | + color #fff !important |
95 | 100 |
|
96 | | - .el-tag |
97 | | - background #121820 !important |
98 | | - color #fff !important |
| 101 | +.el-tag__close |
| 102 | + color #fff !important |
| 103 | + background none !important |
99 | 104 |
|
100 | | - .el-tag__close |
101 | | - color #fff !important |
102 | | - background none !important |
| 105 | +.cell |
| 106 | + text-overflow ellipsis |
| 107 | + white-space nowrap !important |
103 | 108 |
|
104 | | - .cell |
105 | | - text-overflow ellipsis |
106 | | - white-space nowrap !important |
| 109 | +.el-tabs__header |
| 110 | + background none !important |
107 | 111 |
|
108 | | - .el-tabs__header |
109 | | - background none !important |
| 112 | +.el-color-picker__trigger |
| 113 | + border none !important |
110 | 114 |
|
111 | | - .el-color-picker__trigger |
112 | | - border none !important |
| 115 | +.el-color-picker__color |
| 116 | + border 1px solid #121820 !important |
113 | 117 |
|
114 | | - .el-color-picker__color |
115 | | - border 1px solid #121820 !important |
| 118 | +// table row height |
| 119 | +.el-table .cell |
| 120 | + line-height 20px !important |
116 | 121 |
|
117 | | - // table row height |
118 | | - .el-table .cell |
119 | | - line-height 20px !important |
| 122 | +.el-table, .el-list |
| 123 | + user-select none !important |
120 | 124 |
|
121 | | - .el-table, .el-list |
122 | | - user-select none !important |
| 125 | +td |
| 126 | + cursor pointer |
123 | 127 |
|
124 | | - td |
125 | | - cursor pointer |
| 128 | +.el-input__inner, .el-input |
| 129 | + border-radius 0 !important |
126 | 130 |
|
127 | | - .el-input__inner, .el-input |
128 | | - border-radius 0 !important |
| 131 | +.jsoneditor |
| 132 | + border none !important |
| 133 | + height 100% !important |
129 | 134 |
|
130 | | - .jsoneditor |
131 | | - border none !important |
132 | | - height 100% !important |
| 135 | +.jsoneditor-field |
| 136 | + color #fff !important |
133 | 137 |
|
134 | | - .jsoneditor-field |
135 | | - color #fff !important |
| 138 | +// jsoneditor KEY field hover background |
| 139 | +.jsoneditor-field:hover, .jsoneditor-field:focus |
| 140 | + color #fff !important |
| 141 | + background #191d25 !important |
| 142 | + border 1px solid #191d25 !important |
136 | 143 |
|
137 | | - // jsoneditor KEY field hover background |
138 | | - .jsoneditor-field:hover, .jsoneditor-field:focus |
139 | | - color #fff !important |
140 | | - background #191d25 !important |
141 | | - border 1px solid #191d25 !important |
| 144 | +.jsoneditor-string |
| 145 | + color #46b7ff !important |
142 | 146 |
|
143 | | - .jsoneditor-string |
144 | | - color #46b7ff !important |
| 147 | +.jsoneditor-menu |
| 148 | + background none !important |
| 149 | + border none !important |
145 | 150 |
|
146 | | - .jsoneditor-menu |
147 | | - background none !important |
148 | | - border none !important |
| 151 | +.jsoneditor-contextmenu .jsoneditor-menu |
| 152 | + background #fff !important |
149 | 153 |
|
150 | | - .jsoneditor-contextmenu .jsoneditor-menu |
151 | | - background #fff !important |
| 154 | +.jsoneditor-contextmenu:active |
| 155 | + background none !important |
152 | 156 |
|
153 | | - .jsoneditor-contextmenu:active |
154 | | - background none !important |
| 157 | +.jsoneditor-selected |
| 158 | + background none !important |
155 | 159 |
|
156 | | - .jsoneditor-selected |
157 | | - background none !important |
| 160 | +.jsoneditor-tree button |
| 161 | + color #000 !important |
158 | 162 |
|
159 | | - .jsoneditor-tree button |
160 | | - color #000 !important |
| 163 | +// jsoneditor VALUE field hover background |
| 164 | +.jsoneditor-value:hover, .jsoneditor-value:focus |
| 165 | + color #fff !important |
| 166 | + background #191d25 !important |
| 167 | + border 1px solid #191d25 !important |
161 | 168 |
|
162 | | - // jsoneditor VALUE field hover background |
163 | | - .jsoneditor-value:hover, .jsoneditor-value:focus |
164 | | - color #fff !important |
165 | | - background #191d25 !important |
166 | | - border 1px solid #191d25 !important |
| 169 | +.jsoneditor-tree button:focus |
| 170 | + background none !important |
| 171 | + outline none !important |
167 | 172 |
|
168 | | - .jsoneditor-tree button:focus |
169 | | - background none !important |
170 | | - outline none !important |
| 173 | +.jsoneditor-highlight |
| 174 | + background none !important |
171 | 175 |
|
172 | | - .jsoneditor-highlight |
173 | | - background none !important |
| 176 | +.jsoneditor-search input |
| 177 | + background #2c323a !important |
| 178 | + color #fff !important |
174 | 179 |
|
175 | | - .jsoneditor-search input |
176 | | - background #2c323a !important |
177 | | - color #fff !important |
| 180 | +.jsoneditor-tree input[type='checkbox'] |
| 181 | + display none !important |
178 | 182 |
|
179 | | - .jsoneditor-tree input[type='checkbox'] |
180 | | - display none !important |
| 183 | +.jsoneditor-search div.jsoneditor-frame |
| 184 | + background #2c323a !important |
| 185 | + color #fff !important |
| 186 | + border-radius 2px !important |
| 187 | + border 1px solid #121820 !important |
181 | 188 |
|
182 | | - .jsoneditor-search div.jsoneditor-frame |
183 | | - background #2c323a !important |
184 | | - color #fff !important |
185 | | - border-radius 2px !important |
186 | | - border 1px solid #121820 !important |
| 189 | +.el-table__fixed::before, .el-table__fixed-right::before |
| 190 | + background-color rgba(0, 0, 0, 0) !important |
187 | 191 |
|
188 | | - .el-table__fixed::before, .el-table__fixed-right::before |
189 | | - background-color rgba(0, 0, 0, 0) !important |
| 192 | +.jsoneditor-next |
| 193 | + display none !important |
190 | 194 |
|
191 | | - .jsoneditor-next |
192 | | - display none !important |
| 195 | +.jsoneditor-previous |
| 196 | + display none !important |
193 | 197 |
|
194 | | - .jsoneditor-previous |
195 | | - display none !important |
| 198 | +@media screen and (max-height: 600px) |
| 199 | + .table |
| 200 | + height 65vh !important |
196 | 201 |
|
197 | | - @media screen and (max-height: 600px) |
198 | | - .table |
199 | | - height 65vh !important |
200 | | - @media screen and (max-height: 900) |
201 | | - .table |
202 | | - height 80vh !important |
| 202 | +@media screen and (max-height: 900) |
| 203 | + .table |
| 204 | + height 80vh !important |
203 | 205 | </style> |
0 commit comments