jacob1123/budgeteer
1
1
Fork 0
Code Issues 12 Pull Requests 1 Packages Releases 1 Wiki Activity

Improve mobile usability #30

Merged
jacob1123 merged 14 commits from mobile-usability into master 2022-03-01 21:33:07 +01:00
Conversation 0 Commits 14 Files Changed 11 +9
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 9638676b8f - Show all commits

9
web/src/pages/Account.vue
View File

@ -7,6 +7,7 @@ import { useAccountStore } from "../stores/budget-account";
import EditAccount from "../dialogs/EditAccount.vue"; import EditAccount from "../dialogs/EditAccount.vue";
import Button from "../components/Button.vue"; import Button from "../components/Button.vue";
import { useTransactionsStore } from "../stores/transactions"; import { useTransactionsStore } from "../stores/transactions";
import Modal from "../components/Modal.vue";
defineProps<{ defineProps<{
budgetid: string budgetid: string
@ -103,6 +104,14 @@ function createReconcilationTransaction() {
:index="index" :index="index"
/> />
</table> </table>
<div class="md:hidden">
<Modal>
<template v-slot:placeholder>
<Button class="fixed right-4 bottom-4 font-bold text-lg bg-blue-500 py-2">+</Button>
</template>
<TransactionInputRow class="grid grid-cols-2" :budgetid="budgetid" :accountid="accountid" />
</Modal>
</div>
</template> </template>
<style> <style>