Commit 4da08fe72f727ce387499ee105572cdc06e75389

Authored by Shikha Mishra
1 parent 575d794924
Exists in master and in 1 other branch ui-design

chnage design of card and button

src/pages/Parent/parents.vue
1 1 <template>
2 2 <v-container fluid class="body-color">
3 3 <v-dialog v-model="editParentDilaog" max-width="600px" scrollable persistent>
4   - <v-card flat class="card-style pa-2" dark>
  4 + <v-card flat class="Card-style pa-2">
5 5 <v-layout>
6 6 <v-flex xs12>
7 7 <label class="title text-xs-center">Edit Parents Details</label>
... ... @@ -302,7 +302,7 @@
302 302  
303 303 <!-- ****** RESET Parents MPIN ****** -->
304 304 <v-dialog v-model="resetParentMpin" max-width="500px" scrollable persistent>
305   - <v-card class="card-style pa-2" dark>
  305 + <v-card class="Card-style pa-2">
306 306 <v-layout>
307 307 <v-flex xs12>
308 308 <label class="title text-xs-center">Reset Mpin</label>
... ... @@ -345,7 +345,7 @@
345 345 <!-- ****** PROFILE VIEW Parents DEATILS ****** -->
346 346  
347 347 <v-dialog v-model="profileParentDialog" max-width="700px" persistent>
348   - <v-card class="card-style pa-2" dark>
  348 + <v-card class="Card-style pa-2">
349 349 <v-layout>
350 350 <v-flex xs12>
351 351 <label class="title text-xs-center">View Parent Details</label>
... ... @@ -597,7 +597,7 @@
597 597  
598 598 <!-- ******DIALOG BOX - ADD PARENTS DETAILS****** -->
599 599 <v-dialog v-model="addParentDialog" max-width="1100px" v-if="addParentDialog" persistent>
600   - <v-card flat class="card-style pa-2" dark>
  600 + <v-card flat class="Card-style pa-2">
601 601 <v-layout>
602 602 <v-flex xs12>
603 603 <label class="title text-xs-center">Add Parent</label>
... ...
static/css/custom.css
... ... @@ -309,14 +309,6 @@ table.v-table {
309 309 text-transform: none !important;
310 310 }
311 311  
312   -.add-button {
313   - background: #feb83c !important;
314   - border-color: #feb83c !important;
315   - text-transform: none !important;
316   - -webkit-box-shadow: none !important;
317   - box-shadow: none !important;
318   -}
319   -
320 312 table.v-table thead th {
321 313 font-size: 14px !important;
322 314 }
... ... @@ -382,11 +374,47 @@ table.v-table thead th {
382 374 -webkit-box-shadow: none !important;
383 375 box-shadow: none !important;
384 376 }
  377 +.add-button {
  378 + background: #7f62f8 !important;
  379 + border-color: #7f62f8 !important;
  380 + text-transform: none !important;
  381 + -webkit-box-shadow: none !important;
  382 + box-shadow: none !important;
  383 +}
385 384  
386 385 .card-styles {
387 386 background: #7f62f8 !important;
388 387 border-color: #7f62f8 !important;
389 388 }
  389 +.Card-style {
  390 + background: #fff !important;
  391 + border-color: #fff !important;
  392 + border-radius: 12px;
  393 + text-align: center !important;
  394 + padding-top: 10px !important;
  395 +}
  396 +/* .clear-btn {
  397 + background: #7ac29a !important;
  398 + border-color: #7ac29a !important;
  399 + text-transform: none !important;
  400 + -webkit-box-shadow: none !important;
  401 + box-shadow: none !important;
  402 +}
  403 +
  404 +.add-btn {
  405 + background: #409eff !important;
  406 + border-color: #409eff !important;
  407 + text-transform: none !important;
  408 + -webkit-box-shadow: none !important;
  409 + box-shadow: none !important;
  410 +} */
  411 +.cancel-btn {
  412 + background: #71d9ea !important;
  413 + border-color: #71d9ea !important;
  414 + text-transform: none !important;
  415 + -webkit-box-shadow: none !important;
  416 + box-shadow: none !important;
  417 +}
390 418  
391 419  
392 420 /* Side Scroll Bar */
... ...