root/riwa-ionic
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 调整组件间距和样式以优化布局

Browse Source
This commit is contained in:
Seven
2025-12-14 20:23:42 +07:00
parent 70f87d07f6
commit 3b13a23982
3 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/user/components/wallet-card.vue
View File

@@ -33,10 +33,10 @@ onIonViewDidEnter(() => {
</script>
<template>
<div class="mt-20px shadow-md rounded-6px">
<div class="grid grid-cols-2 gap-20px p-20px bg-[var(--ion-card-background)]">
<div v-for="item in state.balances" :key="item.assetCode" class="flex flex-col gap-4px">
<div class="ion-text-uppercase text-xs color-text-400 font-500 tracking-0.4px">
<div class="mt-5 shadow-md rounded-md">
<div class="grid grid-cols-2 gap-5 p-5 bg-(--ion-card-background)">
<div v-for="item in state.balances" :key="item.assetCode" class="flex flex-col gap-1">
<div class="uppercase text-xs text-text-400 font-medium tracking-[0.4px]">
{{ item.assetCode }}
</div>
<div class="text-lg font-bold">
@@ -45,8 +45,8 @@ onIonViewDidEnter(() => {
</div>
</div>
<div class="px-10px pb-20px bg-[var(--ion-card-background)]">
<ion-buttons class="gap-10px" expand="block">
<div class="px-2.5 pb-5 bg-(--ion-card-background)">
<ion-buttons class="gap-2.5" expand="block">
<ion-button id="open-recharge-modal" expand="block" fill="clear">
{{ t("wallet.recharge") }}
</ion-button>