202 lines
10 KiB
HTML
202 lines
10 KiB
HTML
<v-layout>
|
|
<v-flex md6 class="mr-2">
|
|
<v-card ref="form" flat light>
|
|
<v-card-text>
|
|
<v-layout row>
|
|
<v-flex d-flex md12>
|
|
<v-flex md6 ma-2>
|
|
<v-text-field label="Nama Pasien" outline></v-text-field>
|
|
</v-flex>
|
|
<v-flex md3 ma-2>
|
|
<v-text-field label="DOB" outline></v-text-field>
|
|
</v-flex>
|
|
<v-flex md3 ma-2>
|
|
<v-text-field label="HP" outline></v-text-field>
|
|
</v-flex>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-layout fluid wrap row>
|
|
<v-flex width="300" ma-2>
|
|
<v-card color="purple" class="white--text">
|
|
<v-layout row>
|
|
<v-flex xs7>
|
|
<v-card-title primary-title>
|
|
<div>
|
|
<div class="headline">Halycon Days</div>
|
|
<div>Ellie Goulding</div>
|
|
<div>(2013)</div>
|
|
</div>
|
|
</v-card-title>
|
|
</v-flex>
|
|
<v-flex xs5>
|
|
<v-img src="https://cdn.vuetifyjs.com/images/cards/halcyon.png" height="125px" contain></v-img>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-divider light></v-divider>
|
|
<v-card-actions class="pa-3">
|
|
Rate this album
|
|
<v-spacer></v-spacer>
|
|
<v-icon>star_border</v-icon>
|
|
<v-icon>star_border</v-icon>
|
|
<v-icon>star_border</v-icon>
|
|
<v-icon>star_border</v-icon>
|
|
<v-icon>star_border</v-icon>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-flex>
|
|
<v-flex width="300" ma-2>
|
|
<v-card color="purple" class="white--text">
|
|
<v-layout row>
|
|
<v-flex xs7>
|
|
<v-card-title primary-title>
|
|
<div>
|
|
<div class="headline">Halycon Days</div>
|
|
<div>Ellie Goulding</div>
|
|
<div>(2013)</div>
|
|
</div>
|
|
</v-card-title>
|
|
</v-flex>
|
|
<v-flex xs5>
|
|
<v-img src="https://cdn.vuetifyjs.com/images/cards/halcyon.png" height="125px" contain></v-img>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-divider light></v-divider>
|
|
<v-card-actions class="pa-3">
|
|
Rate this album
|
|
<v-spacer></v-spacer>
|
|
<v-icon>star_border</v-icon>
|
|
<v-icon>star_border</v-icon>
|
|
<v-icon>star_border</v-icon>
|
|
<v-icon>star_border</v-icon>
|
|
<v-icon>star_border</v-icon>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-flex>
|
|
<v-flex width="300" ma-2>
|
|
<v-card color="purple" class="white--text">
|
|
<v-layout row>
|
|
<v-flex xs7>
|
|
<v-card-title primary-title>
|
|
<div>
|
|
<div class="headline">Halycon Days</div>
|
|
<div>Ellie Goulding</div>
|
|
<div>(2013)</div>
|
|
</div>
|
|
</v-card-title>
|
|
</v-flex>
|
|
<v-flex xs5>
|
|
<v-img src="https://cdn.vuetifyjs.com/images/cards/halcyon.png" height="125px" contain></v-img>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-divider light></v-divider>
|
|
<v-card-actions class="pa-3">
|
|
Rate this album
|
|
<v-spacer></v-spacer>
|
|
<v-icon>star_border</v-icon>
|
|
<v-icon>star_border</v-icon>
|
|
<v-icon>star_border</v-icon>
|
|
<v-icon>star_border</v-icon>
|
|
<v-icon>star_border</v-icon>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-flex>
|
|
<v-flex width="300" ma-2>
|
|
<v-card color="purple" class="white--text">
|
|
<v-layout row>
|
|
<v-flex xs7>
|
|
<v-card-title primary-title>
|
|
<div>
|
|
<div class="headline">Halycon Days</div>
|
|
<div>Ellie Goulding</div>
|
|
<div>(2013)</div>
|
|
</div>
|
|
</v-card-title>
|
|
</v-flex>
|
|
<v-flex xs5>
|
|
<v-img src="https://cdn.vuetifyjs.com/images/cards/halcyon.png" height="125px" contain></v-img>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-divider light></v-divider>
|
|
<v-card-actions class="pa-3">
|
|
Rate this album
|
|
<v-spacer></v-spacer>
|
|
<v-icon>star_border</v-icon>
|
|
<v-icon>star_border</v-icon>
|
|
<v-icon>star_border</v-icon>
|
|
<v-icon>star_border</v-icon>
|
|
<v-icon>star_border</v-icon>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-card-text>
|
|
</v-card>
|
|
</v-flex>
|
|
<v-flex md6 class="mr-2">
|
|
<v-card ref="form" flat light>
|
|
<v-card-text>
|
|
<v-layout fluid wrap row>
|
|
<v-flex ma-2>
|
|
<v-card color="purple" class="white--text">
|
|
<v-layout row>
|
|
<v-flex xs7>
|
|
<v-card-title primary-title>
|
|
<div>
|
|
<div class="headline">Halycon Days</div>
|
|
<div>Ellie Goulding</div>
|
|
<div>(2013)</div>
|
|
</div>
|
|
</v-card-title>
|
|
</v-flex>
|
|
<v-flex xs5>
|
|
<v-img src="https://cdn.vuetifyjs.com/images/cards/halcyon.png" height="125px" contain></v-img>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-divider light></v-divider>
|
|
<v-card-actions class="pa-3">
|
|
Rate this album
|
|
<v-spacer></v-spacer>
|
|
<v-icon>star_border</v-icon>
|
|
<v-icon>star_border</v-icon>
|
|
<v-icon>star_border</v-icon>
|
|
<v-icon>star_border</v-icon>
|
|
<v-icon>star_border</v-icon>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-flex>
|
|
|
|
|
|
</v-layout>
|
|
<v-layout fluid wrap row>
|
|
<v-flex ma-2>
|
|
<v-card color="purple" class="white--text">
|
|
<v-layout row>
|
|
<v-flex xs7>
|
|
<v-card-title primary-title>
|
|
<div>
|
|
<div class="headline">Halycon Days</div>
|
|
<div>Ellie Goulding</div>
|
|
<div>(2013)</div>
|
|
</div>
|
|
</v-card-title>
|
|
</v-flex>
|
|
<v-flex xs5>
|
|
<v-img src="https://cdn.vuetifyjs.com/images/cards/halcyon.png" height="125px" contain></v-img>
|
|
</v-flex>
|
|
</v-layout>
|
|
<v-divider light></v-divider>
|
|
|
|
</v-flex>
|
|
|
|
|
|
</v-layout>
|
|
</v-card-text>
|
|
<v-layout>
|
|
<v-flex>
|
|
|
|
|
|
</v-flex>
|
|
</v-layout>
|
|
</v-card>
|
|
</v-flex>
|
|
</v-layout> |