Refactor main container

This commit is contained in:
Vagner
2024-10-12 20:47:58 -03:00
parent 6516ae0509
commit c8a5c74c71
10 changed files with 13 additions and 51 deletions

View File

@@ -162,10 +162,10 @@ showInitialItems();
</script>
<template>
<div class="blur-container" v-if="loadingWalletTransactions">
<div class="main-container !w-full !max-w-full" v-if="loadingWalletTransactions">
<SpinnerComponent width="8" height="8"></SpinnerComponent>
</div>
<div class="blur-container" v-if="!loadingWalletTransactions">
<div class="main-container !w-full !max-w-full" v-if="!loadingWalletTransactions">
<div
class="w-full bg-white p-4 sm:p-6 rounded-lg"
v-if="props.validDeposits.length > 0"
@@ -389,10 +389,6 @@ p {
@apply text-white text-center;
}
.blur-container {
@apply flex flex-col justify-center items-center px-4 py-3 sm:px-8 sm:py-6 gap-4 rounded-lg shadow-md shadow-gray-600 backdrop-blur-md w-auto;
}
.grid-container {
@apply grid grid-cols-4 grid-flow-row items-center px-8 py-6 gap-4 rounded-lg shadow-md shadow-gray-600 backdrop-blur-md mt-10 w-auto;
}