Commit 6081d376ebad3bc7ba0e4be7afb6b3bd2aa0bdeb
1 parent
00e0f1a634
Exists in
master
and in
3 other branches
tedt view invoice
Showing
1 changed file
with
33 additions
and
4 deletions
Show diff stats
src/pages/Account/viewInvoice.vue
| ... | ... | @@ -24,9 +24,9 @@ |
| 24 | 24 | box-shadow: 0 1px 1px 0 rgba(60,64,67,0.08), 0 1px 3px 1px rgba(60,64,67,0.16);" |
| 25 | 25 | > |
| 26 | 26 | <!-- <v-layout wrap> --> |
| 27 | - <v-flex xs12 style="padding:16px 0px;"> | |
| 27 | + <v-flex xs12 sm12 md12 lg12> | |
| 28 | 28 | <v-layout wrap> |
| 29 | - <v-flex xs12 sm4 md4 style="text-align:center"> | |
| 29 | + <v-flex xs12 sm4 md4 lg4 style="text-align:center"> | |
| 30 | 30 | <v-avatar> |
| 31 | 31 | <img :src="userData.schoolLogoUrl" v-if="userData.schoolLogoUrl" /> |
| 32 | 32 | <img |
| ... | ... | @@ -43,7 +43,7 @@ |
| 43 | 43 | >{{ userData.name }}</p> |
| 44 | 44 | <p>{{ userData.address }}</p> |
| 45 | 45 | </v-flex> |
| 46 | - <v-flex xs12 sm4 md4 class="text-xs-center"> | |
| 46 | + <v-flex xs12 sm4 md4 lg4 class="text-xs-center"> | |
| 47 | 47 | <v-layout> |
| 48 | 48 | <v-flex xs4 sm3> |
| 49 | 49 | <h5 style="float:right;margin: 4px 0px;"> |
| ... | ... | @@ -94,7 +94,7 @@ |
| 94 | 94 | </v-flex> |
| 95 | 95 | </v-layout> |
| 96 | 96 | </v-flex> |
| 97 | - <v-flex xs12 sm4 md4 class="text-xs-center"> | |
| 97 | + <v-flex xs12 sm4 md4 lg4 class="text-xs-center"> | |
| 98 | 98 | <v-layout> |
| 99 | 99 | <v-flex xs4 sm3> |
| 100 | 100 | <h5 style="float:right;margin: 4px 0px;"> |
| ... | ... | @@ -464,6 +464,35 @@ export default { |
| 464 | 464 | .center { |
| 465 | 465 | text-align: center !important; |
| 466 | 466 | } |
| 467 | +.card-style { | |
| 468 | + background: #7f62f8 !important; | |
| 469 | + border-color: #7f62f8 !important; | |
| 470 | + border-radius: 12px; | |
| 471 | + text-align: center !important; | |
| 472 | + padding-top: 10px !important; | |
| 473 | +} | |
| 474 | +.add-button { | |
| 475 | + background: #feb83c !important; | |
| 476 | + border-color: #feb83c !important; | |
| 477 | + text-transform: none !important; | |
| 478 | + -webkit-box-shadow: none !important; | |
| 479 | + box-shadow: none !important; | |
| 480 | +} | |
| 481 | +.clear-button { | |
| 482 | + background: #fa7676 !important; | |
| 483 | + border-color: #fa7676 !important; | |
| 484 | + text-transform: none !important; | |
| 485 | + -webkit-box-shadow: none !important; | |
| 486 | + box-shadow: none !important; | |
| 487 | +} | |
| 488 | +.card-styles { | |
| 489 | + background: #7f62f8 !important; | |
| 490 | + border-color: #7f62f8 !important; | |
| 491 | +} | |
| 492 | +.v-card__actions .v-btn { | |
| 493 | + margin: 0 15px !important; | |
| 494 | + min-width: 96px !important; | |
| 495 | +} | |
| 467 | 496 | /* th, |
| 468 | 497 | td { |
| 469 | 498 | border: 1px solid #e2e7eb; | ... | ... |