시그니처 리스트 정렬 버튼 - 상단 margin 40px 추가

This commit is contained in:
Yu Sung 2024-05-30 01:53:42 +09:00
parent d2ab7c12f1
commit 387c1c2abd
1 changed files with 56 additions and 53 deletions

View File

@ -7,59 +7,7 @@
</v-toolbar>
<v-container>
<v-row>
<v-col>
<v-row>
<v-col>
<input
id="sort-newest"
v-model="sort_type"
type="radio"
value="NEWEST"
class="radio-sort"
@change="changeSortType"
>
<label
for="sort-newest"
class="radio-label-sort"
>
최신순
</label>
</v-col>
<v-col>
<input
id="sort-can-high"
v-model="sort_type"
type="radio"
value="CAN_HIGH"
class="radio-sort"
@change="changeSortType"
>
<label
for="sort-can-high"
class="radio-label-sort"
>
높은캔순
</label>
</v-col>
<v-col>
<input
id="sort-can-low"
v-model="sort_type"
type="radio"
value="CAN_LOW"
class="radio-sort"
@change="changeSortType"
>
<label
for="sort-can-low"
class="radio-label-sort"
>
낮은캔순
</label>
</v-col>
</v-row>
</v-col>
<v-col cols="8" />
<v-col cols="10" />
<v-col>
<v-btn
block
@ -72,6 +20,57 @@
</v-btn>
</v-col>
</v-row>
<v-row class="row-sort">
<v-col>
<input
id="sort-newest"
v-model="sort_type"
type="radio"
value="NEWEST"
class="radio-sort"
@change="changeSortType"
>
<label
for="sort-newest"
class="radio-label-sort"
>
최신순
</label>
</v-col>
<v-col>
<input
id="sort-can-high"
v-model="sort_type"
type="radio"
value="CAN_HIGH"
class="radio-sort"
@change="changeSortType"
>
<label
for="sort-can-high"
class="radio-label-sort"
>
높은캔순
</label>
</v-col>
<v-col>
<input
id="sort-can-low"
v-model="sort_type"
type="radio"
value="CAN_LOW"
class="radio-sort"
@change="changeSortType"
>
<label
for="sort-can-low"
class="radio-label-sort"
>
낮은캔순
</label>
</v-col>
<v-col cols="10" />
</v-row>
<v-row>
<v-col>
<v-data-table
@ -697,6 +696,10 @@ export default {
margin: 0 auto;
}
.row-sort {
margin-top: 40px;
}
.radio-sort {
display: none;
}