From 9f04c09704779b3d8916187b5425f5bcbbcc88ef Mon Sep 17 00:00:00 2001
From: Arthur Abeilice <afa7789@gmail.com>
Date: Fri, 8 May 2026 21:50:04 -0300
Subject: [PATCH] fix(ui): remove unnecessary line breaks in component
 templates for consistency

---
 .../BuyerSteps/BuyConfirmedComponent.vue         |  4 +---
 .../BuyerSteps/BuyerSearchComponent.vue          |  8 ++------
 src/components/SellerSteps/SellerComponent.vue   | 16 ++++------------
 src/components/SellerSteps/SendNetwork.vue       |  4 +---
 src/components/ui/LoadingComponent.vue           |  4 +---
 5 files changed, 9 insertions(+), 27 deletions(-)

diff --git a/src/components/BuyerSteps/BuyConfirmedComponent.vue b/src/components/BuyerSteps/BuyConfirmedComponent.vue
index aad538d..e484ca9 100644
--- a/src/components/BuyerSteps/BuyConfirmedComponent.vue
+++ b/src/components/BuyerSteps/BuyConfirmedComponent.vue
@@ -89,9 +89,7 @@ onMounted(async () => {
       </span>
     </div>
     <div class="main-container">
-      <div
-        class="flex flex-col w-full bg-white px-10 py-5 rounded-lg"
-      >
+      <div class="flex flex-col w-full bg-white px-10 py-5 rounded-lg">
         <div>
           <p>Tokens recebidos</p>
           <p class="text-2xl text-gray-900">
diff --git a/src/components/BuyerSteps/BuyerSearchComponent.vue b/src/components/BuyerSteps/BuyerSearchComponent.vue
index da9d302..a382076 100644
--- a/src/components/BuyerSteps/BuyerSearchComponent.vue
+++ b/src/components/BuyerSteps/BuyerSearchComponent.vue
@@ -251,9 +251,7 @@ const handleSubmit = async (e: Event): Promise<void> => {
     </div>
     <form class="main-container" @submit="handleSubmit">
       <div class="backdrop-blur -z-10 w-full h-full"></div>
-      <div
-        class="flex flex-col w-full bg-white sm:px-10 px-6 py-5 rounded-lg"
-      >
+      <div class="flex flex-col w-full bg-white sm:px-10 px-6 py-5 rounded-lg">
         <div class="flex justify-between sm:w-full items-center">
           <input
             type="number"
@@ -386,9 +384,7 @@ const handleSubmit = async (e: Event): Promise<void> => {
         </div>
       </div>
 
-      <div
-        class="flex flex-col w-full bg-white sm:px-10 px-6 py-4 rounded-lg"
-      >
+      <div class="flex flex-col w-full bg-white sm:px-10 px-6 py-4 rounded-lg">
         <input
           type="text"
           v-model="identification"
diff --git a/src/components/SellerSteps/SellerComponent.vue b/src/components/SellerSteps/SellerComponent.vue
index ceeeb31..0521f90 100644
--- a/src/components/SellerSteps/SellerComponent.vue
+++ b/src/components/SellerSteps/SellerComponent.vue
@@ -185,9 +185,7 @@ const handleSelectedToken = (token: TokenEnum): void => {
         </div>
       </div>
       <!-- CPF or CNPJ input -->
-      <div
-        class="flex flex-col w-full bg-white sm:px-10 px-6 py-4 rounded-lg"
-      >
+      <div class="flex flex-col w-full bg-white sm:px-10 px-6 py-4 rounded-lg">
         <input
           type="text"
           v-model="identification"
@@ -200,9 +198,7 @@ const handleSelectedToken = (token: TokenEnum): void => {
         />
       </div>
       <!-- Bank selection -->
-      <div
-        class="flex flex-col w-full bg-white sm:px-10 px-6 py-4 rounded-lg"
-      >
+      <div class="flex flex-col w-full bg-white sm:px-10 px-6 py-4 rounded-lg">
         <div class="relative">
           <input
             type="text"
@@ -235,9 +231,7 @@ const handleSelectedToken = (token: TokenEnum): void => {
         }}</span>
       </div>
       <!-- Account and Branch inputs -->
-      <div
-        class="flex flex-col w-full bg-white sm:px-10 px-6 py-4 rounded-lg"
-      >
+      <div class="flex flex-col w-full bg-white sm:px-10 px-6 py-4 rounded-lg">
         <div class="flex gap-4">
           <div class="flex-1">
             <input
@@ -262,9 +256,7 @@ const handleSelectedToken = (token: TokenEnum): void => {
         </div>
       </div>
       <!-- Account Type Selection -->
-      <div
-        class="flex flex-col w-full bg-white sm:px-10 px-6 py-4 rounded-lg"
-      >
+      <div class="flex flex-col w-full bg-white sm:px-10 px-6 py-4 rounded-lg">
         <div class="flex gap-4">
           <div class="flex-1">
             <select
diff --git a/src/components/SellerSteps/SendNetwork.vue b/src/components/SellerSteps/SendNetwork.vue
index f84a9dd..ae75e51 100644
--- a/src/components/SellerSteps/SendNetwork.vue
+++ b/src/components/SellerSteps/SendNetwork.vue
@@ -27,9 +27,7 @@ const props = defineProps({
       >
     </div>
     <div class="main-container">
-      <div
-        class="flex flex-col w-full bg-white px-10 py-5 rounded-lg"
-      >
+      <div class="flex flex-col w-full bg-white px-10 py-5 rounded-lg">
         <div>
           <p>Tokens ofertados</p>
           <p class="text-2xl text-gray-900">
diff --git a/src/components/ui/LoadingComponent.vue b/src/components/ui/LoadingComponent.vue
index 9eb043f..a217352 100644
--- a/src/components/ui/LoadingComponent.vue
+++ b/src/components/ui/LoadingComponent.vue
@@ -16,9 +16,7 @@ const props = defineProps({
       </span>
     </div>
     <div class="main-container max-w-md">
-      <div
-        class="flex flex-col w-full bg-white sm:px-10 px-4 py-5 rounded-lg"
-      >
+      <div class="flex flex-col w-full bg-white sm:px-10 px-4 py-5 rounded-lg">
         <div
           class="flex flex-col text-center justify-center w-full items-center p-2 px-3 rounded-3xl lg:min-w-fit gap-1"
         >