|
3 | 3 | <b-tabs> |
4 | 4 | <b-tab> |
5 | 5 | <template slot="title"> |
6 | | - <i class='icon-list'/> |
| 6 | + <i class="icon-list"/> |
7 | 7 | </template> |
8 | 8 | <Callout class="m-0 py-2 text-muted text-center bg-light text-uppercase"> |
9 | 9 | <small><b>Today</b></small> |
|
144 | 144 | </b-tab> |
145 | 145 | <b-tab> |
146 | 146 | <template slot="title"> |
147 | | - <i class='icon-speech'/> |
| 147 | + <i class="icon-speech"/> |
148 | 148 | </template> |
149 | 149 | <div class="p-3"> |
150 | 150 | <div class="message"> |
|
250 | 250 | </b-tab> |
251 | 251 | <b-tab> |
252 | 252 | <template slot="title"> |
253 | | - <i class='icon-settings'/> |
| 253 | + <i class="icon-settings"/> |
254 | 254 | </template> |
255 | 255 | <div class="p-3"> |
256 | 256 | <h6>Settings</h6> |
257 | 257 | <div class="aside-options"> |
258 | 258 | <div class="clearfix mt-4"> |
259 | 259 | <small><b>Option 1</b></small> |
260 | 260 | <c-switch |
| 261 | + :pill="true" |
| 262 | + :checked="true" |
261 | 263 | type="text" |
262 | 264 | variant="success" |
263 | 265 | on="on" |
264 | 266 | off="off" |
265 | | - :pill="true" |
266 | 267 | size="sm" |
267 | | - class="float-right" |
268 | | - :checked="true"/> |
| 268 | + class="float-right"/> |
269 | 269 | </div> |
270 | 270 | <div> |
271 | 271 | <small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</small> |
|
275 | 275 | <div class="clearfix mt-3"> |
276 | 276 | <small><b>Option 2</b></small> |
277 | 277 | <c-switch |
| 278 | + :pill="true" |
278 | 279 | type="text" |
279 | 280 | variant="success" |
280 | 281 | on="on" |
281 | 282 | off="off" |
282 | | - :pill="true" |
283 | 283 | size="sm" |
284 | 284 | class="float-right"/> |
285 | 285 | </div> |
|
291 | 291 | <div class="clearfix mt-3"> |
292 | 292 | <small><b>Option 3</b></small> |
293 | 293 | <c-switch |
| 294 | + :pill="true" |
294 | 295 | type="text" |
295 | 296 | variant="success" |
296 | 297 | on="on" |
297 | 298 | off="off" |
298 | | - :pill="true" |
299 | 299 | size="sm" |
300 | 300 | class="float-right"/> |
301 | 301 | </div> |
|
304 | 304 | <div class="clearfix mt-3"> |
305 | 305 | <small><b>Option 4</b></small> |
306 | 306 | <c-switch |
| 307 | + :pill="true" |
| 308 | + :checked="true" |
307 | 309 | type="text" |
308 | 310 | variant="success" |
309 | 311 | on="on" |
310 | 312 | off="off" |
311 | | - :pill="true" |
312 | 313 | size="sm" |
313 | | - class="float-right" |
314 | | - :checked="true"/> |
| 314 | + class="float-right"/> |
315 | 315 | </div> |
316 | 316 | </div> |
317 | 317 | <hr> |
318 | 318 | <h6>System Utilization</h6> |
319 | 319 | <div class="text-uppercase mb-1 mt-4"><small><b>CPU Usage</b></small></div> |
320 | 320 | <b-progress |
321 | | - height={} |
| 321 | + :value="25" |
| 322 | + height="{}" |
322 | 323 | class="progress-xs" |
323 | | - variant="info" |
324 | | - :value="25"/> |
| 324 | + variant="info"/> |
325 | 325 | <small class="text-muted">348 Processes. 1/4 Cores.</small> |
326 | 326 | <div class="text-uppercase mb-1 mt-2"><small><b>Memory Usage</b></small></div> |
327 | 327 | <b-progress |
328 | | - height={} |
| 328 | + :value="70" |
| 329 | + height="{}" |
329 | 330 | class="progress-xs" |
330 | | - variant="warning" |
331 | | - :value="70"/> |
| 331 | + variant="warning"/> |
332 | 332 | <small class="text-muted">11444GB/16384MB</small> |
333 | 333 | <div class="text-uppercase mb-1 mt-2"><small><b>SSD 1 Usage</b></small></div> |
334 | 334 | <b-progress |
335 | | - height={} |
| 335 | + :value="95" |
| 336 | + height="{}" |
336 | 337 | class="progress-xs" |
337 | | - variant="danger" |
338 | | - :value="95"/> |
| 338 | + variant="danger"/> |
339 | 339 | <small class="text-muted">243GB/256GB</small> |
340 | 340 | <div class="text-uppercase mb-1 mt-2"><small><b>SSD 2 Usage</b></small></div> |
341 | 341 | <b-progress |
342 | | - height={} |
| 342 | + :value="10" |
| 343 | + height="{}" |
343 | 344 | class="progress-xs" |
344 | | - variant="success" |
345 | | - :value="10"/> |
| 345 | + variant="success"/> |
346 | 346 | <small class="text-muted">25GB/256GB</small> |
347 | 347 | </div> |
348 | 348 | </b-tab> |
|
0 commit comments