From 8338959658b75f6f60a1f0fddffafa9f7533ea31 Mon Sep 17 00:00:00 2001
From: mtyszczak <mateusz.tyszczak@gmail.com>
Date: Tue, 18 Mar 2025 13:42:36 +0100
Subject: [PATCH] Remove background from cards

---
 src/components/sidebar/AppHeader.vue                  | 2 +-
 src/components/utilcards/AuthorityCard.vue            | 2 +-
 src/components/utilcards/ConfirmAccountUpdateCard.vue | 2 +-
 src/components/utilcards/ConfirmCreateAccountCard.vue | 2 +-
 src/components/utilcards/MemoEncryptCard.vue          | 2 +-
 src/components/utilcards/SignTransactionCard.vue      | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/sidebar/AppHeader.vue b/src/components/sidebar/AppHeader.vue
index 4ce0d88..5148e6b 100644
--- a/src/components/sidebar/AppHeader.vue
+++ b/src/components/sidebar/AppHeader.vue
@@ -35,7 +35,7 @@ const userStore = useUserStore();
       </div>
       <div class="ml-auto inline-flex items-center space-x-4 md:space-x-6">
         <ThemeSwitch class="w-6 h-6" />
-        <Button variant="outline" class="[&_svg]:size-6" @click="settingsStore.isLoaded && hasUser ? logout() : walletStore.openWalletSelectModal()">
+        <Button variant="outline" class="[&_svg]:size-6 px-2 md:px-4" @click="settingsStore.isLoaded && hasUser ? logout() : walletStore.openWalletSelectModal()">
           <img v-if="hasUser" :src="getWalletIcon(settingsStore.settings.wallet!)" class="h-6 w-6" />
           <span v-if="settingsStore.isLoaded && hasUser">
             <span class="font-bold hidden md:inline">Disconnect</span>
diff --git a/src/components/utilcards/AuthorityCard.vue b/src/components/utilcards/AuthorityCard.vue
index 857953e..365abd4 100644
--- a/src/components/utilcards/AuthorityCard.vue
+++ b/src/components/utilcards/AuthorityCard.vue
@@ -41,7 +41,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <Card class="w-full max-w-[600px] bg-accent/10 backdrop-blur-sm">
+  <Card class="w-full max-w-[600px] backdrop-blur-sm">
     <CardHeader>
       <CardTitle class="inline-flex items-center justify-between">
         <span>Authority info</span>
diff --git a/src/components/utilcards/ConfirmAccountUpdateCard.vue b/src/components/utilcards/ConfirmAccountUpdateCard.vue
index a060a93..0fef627 100644
--- a/src/components/utilcards/ConfirmAccountUpdateCard.vue
+++ b/src/components/utilcards/ConfirmAccountUpdateCard.vue
@@ -64,7 +64,7 @@ const updateAuthority = async() => {
 </script>
 
 <template>
-  <Card class="w-full max-w-[600px] bg-foreground/10 backdrop-blur-sm">
+  <Card class="w-full max-w-[600px] backdrop-blur-sm">
     <CardHeader>
       <CardTitle class="inline-flex items-center justify-between">
         <span>Process Authority Update</span>
diff --git a/src/components/utilcards/ConfirmCreateAccountCard.vue b/src/components/utilcards/ConfirmCreateAccountCard.vue
index 608b6e7..6a7be44 100644
--- a/src/components/utilcards/ConfirmCreateAccountCard.vue
+++ b/src/components/utilcards/ConfirmCreateAccountCard.vue
@@ -116,7 +116,7 @@ const createAccount = async() => {
 </script>
 
 <template>
-  <Card class="w-full max-w-[600px] bg-foreground/10 backdrop-blur-sm">
+  <Card class="w-full max-w-[600px] backdrop-blur-sm">
     <CardHeader>
       <CardTitle class="inline-flex items-center justify-between">
         <span>Process Account Creation</span>
diff --git a/src/components/utilcards/MemoEncryptCard.vue b/src/components/utilcards/MemoEncryptCard.vue
index c429ee3..2ca7c54 100644
--- a/src/components/utilcards/MemoEncryptCard.vue
+++ b/src/components/utilcards/MemoEncryptCard.vue
@@ -76,7 +76,7 @@ const encryptOrDecrypt = async () => {
 </script>
 
 <template>
-  <Card class="w-full max-w-[600px] bg-foreground/10 backdrop-blur-sm">
+  <Card class="w-full max-w-[600px] backdrop-blur-sm">
     <CardHeader>
       <CardTitle class="inline-flex items-center justify-between">
         <span>Memo encryption</span>
diff --git a/src/components/utilcards/SignTransactionCard.vue b/src/components/utilcards/SignTransactionCard.vue
index b120f75..004e4ad 100644
--- a/src/components/utilcards/SignTransactionCard.vue
+++ b/src/components/utilcards/SignTransactionCard.vue
@@ -87,7 +87,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <Card class="w-full max-w-[600px] bg-foreground/10 backdrop-blur-sm">
+  <Card class="w-full max-w-[600px] backdrop-blur-sm">
     <CardHeader>
       <CardTitle class="inline-flex items-center justify-between">
         <span>Transaction signing</span>
-- 
GitLab