diff --git a/src/components/partials/DetailCard.vue b/src/components/partials/DetailCard.vue index 367bfeeab9fede7a06b450ba57d3f1b7fbd27fea..78b3e64f5ca43183e110e24bca661fc4118e0f87 100644 --- a/src/components/partials/DetailCard.vue +++ b/src/components/partials/DetailCard.vue @@ -4,7 +4,6 @@ Hierarki </h4> <b-card - header="Card Header" header-text-variant="light" header-tag="header" header-bg-variant="info" diff --git a/src/components/partials/SimpleCard.vue b/src/components/partials/SimpleCard.vue index 8cc3f54715ef2605798cfdf325b545746a501fb4..5fe7b9ab8986138022aa4a4b4e9232b6ea2c82f0 100644 --- a/src/components/partials/SimpleCard.vue +++ b/src/components/partials/SimpleCard.vue @@ -1,12 +1,18 @@ <template> <b-col class="px-2" md="6" lg="12" cols="12"> - <b-card bg-variant="info" text-variant="white"> - <b-card-text class="text-right"> - {{ jenisAnggaran }} - <br> - <b>{{ total }}</b> - </b-card-text> - </b-card> + <b-card + header-text-variant="light" + header-tag="header" + header-bg-variant="info" + bg-variant="light" + > + <div slot="header" class="text-left px-2 py-1 mb-0"> + {{ jenisAnggaran }} + </div> + <div class="content-anggaran text-right"> + <b>{{ total }}</b> + </div> + </b-card> </b-col> </template> @@ -31,13 +37,11 @@ export default { .card-body { font-size: 1.25rem; - padding: 1rem 1.25rem; } .card { width : 100%; margin-top : 10px; - padding: 0.5rem 0.25rem; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25); } </style> diff --git a/src/components/partials/SimpleCardContainerScroll.vue b/src/components/partials/SimpleCardContainerScroll.vue index 113dcfc7982382e0a48619bc35bdaa6e4e3e061b..676dc52737d1be33765c868f1729c11ca174629f 100644 --- a/src/components/partials/SimpleCardContainerScroll.vue +++ b/src/components/partials/SimpleCardContainerScroll.vue @@ -42,18 +42,17 @@ b-col { } #placeholder { - width: 100%; padding: 10px; #content-detail { + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; + border-radius: 5px; padding-top: 20px; - max-height: 45.3125rem; //725px + max-height: 500px; padding: 0 10px 10px; - overflow-y: scroll; - border-top: 1px solid #fff; - border-bottom : 1px solid #fff; - border-radius : 3px; + overflow-y: auto; -webkit-overflow-scrolling: touch; } }