mirror of
https://github.com/r-ca/kidshift-web.git
synced 2024-10-26 00:34:01 +00:00
UIを左右均等に
This commit is contained in:
parent
01ecefea0c
commit
24382c8bd5
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<q-page class="q-pa-md">
|
<q-page>
|
||||||
<TotalComponent :amount="paymentAmount" />
|
<TotalComponent :amount="paymentAmount" />
|
||||||
<HistoryComponent :tasks="pastTasks" />
|
<HistoryComponent :tasks="pastTasks" />
|
||||||
</q-page>
|
</q-page>
|
||||||
|
|
|
@ -14,11 +14,14 @@
|
||||||
<WalletComponent />
|
<WalletComponent />
|
||||||
</QTabPanel>
|
</QTabPanel>
|
||||||
</QTabPanels>
|
</QTabPanels>
|
||||||
<div v-else class="row flex-center">
|
<div v-else class="row justify-center">
|
||||||
<div class="col-4">
|
<div class="col-6">
|
||||||
|
<QCard class="q-ma-md q-pa-md">
|
||||||
|
<div class="text-h6 q-py-md">タスク一覧</div>
|
||||||
<TaskList />
|
<TaskList />
|
||||||
|
</QCard>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-4">
|
<div class="col-6">
|
||||||
<WalletComponent />
|
<WalletComponent />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -42,4 +45,3 @@ const isMobile = computed(() => {
|
||||||
<style scoped>
|
<style scoped>
|
||||||
/* 必要に応じてカスタムスタイルを追加 */
|
/* 必要に応じてカスタムスタイルを追加 */
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user