kidshift/kidshift-web
3
0
Fork 0
mirror of https://github.com/r-ca/kidshift-web.git synced 2024-10-26 00:34:01 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

UIを左右均等に

Browse Source
This commit is contained in:
rca 2024-07-21 15:07:03 +09:00
parent 01ecefea0c
commit 24382c8bd5
2 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/WalletComponent.vue
View File

@ -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>

12
src/pages/IndexPage.vue
View File

@ -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">
<TaskList /> <QCard class="q-ma-md q-pa-md">
<div class="text-h6 q-py-md">タスク一覧</div>
<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>