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