Mercurial > gemma
comparison client/src/components/ImportApprovedGaugeMeasurement.vue @ 2387:f185503ef35a
client: unified box's header styles by creating a reusable component
The clients html/css and resulting look and feel of the app is partially very inconsistent.
By moving code to more small and reusable components consistency will hopefully be increased.
| author | Markus Kottlaender <markus@intevation.de> |
|---|---|
| date | Mon, 25 Feb 2019 15:02:34 +0100 |
| parents | ff1e4f1b54c6 |
| children | bb5286acfee2 |
comparison
equal
deleted
inserted
replaced
| 2386:24e3e86b8cb6 | 2387:f185503ef35a |
|---|---|
| 1 <template> | 1 <template> |
| 2 <div class="d-flex flex-row"> | 2 <div class="d-flex flex-row"> |
| 3 <Spacer></Spacer> | 3 <Spacer></Spacer> |
| 4 <div class="card sysconfig mt-3 shadow-xs w-100 h-100 mr-3"> | 4 <div class="card sysconfig mt-3 shadow-xs w-100 h-100 mr-3"> |
| 5 <h6 | 5 <UIBoxHeader icon="upload" title="Import approved gaugemeasurements" /> |
| 6 class="mb-0 py-2 px-3 border-bottom d-flex text-info align-items-center" | |
| 7 > | |
| 8 <font-awesome-icon icon="upload" class="mr-2"></font-awesome-icon> | |
| 9 <translate class="headline" | |
| 10 >Import approved gaugemeasurements</translate | |
| 11 > | |
| 12 </h6> | |
| 13 <div class="card-body stretches-card"> | 6 <div class="card-body stretches-card"> |
| 14 <div class="w-95 ml-auto mr-auto mt-4 mb-4"> | 7 <div class="w-95 ml-auto mr-auto mt-4 mb-4"> |
| 15 <div class="d-flex flex-column text-left w-25"> | 8 <div class="d-flex flex-column text-left w-25"> |
| 16 <label class="text-nowrap" for="originator"> | 9 <label class="text-nowrap" for="originator"> |
| 17 <small class="text-muted" | 10 <small class="text-muted" |