Tailwind styling clean up

jardakotesovec · Jul 18, 2024 · a054596 · a054596
1 parent f61ad78
commit a054596
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 34 deletions.
diff --git a/src/pages/acceptInvitation/AcceptInvitationPage.vue b/src/pages/acceptInvitation/AcceptInvitationPage.vue
@@ -48,23 +48,23 @@
 				</div>
 			</Step>
 		</Steps>
-		<ButtonRow
-			class="flex items-center justify-end border border-t-0 border-light p-8"
-		>
-			<PkpButton :is-warnable="true" @click="store.cancel">
-				{{ t('common.cancel') }}
-			</PkpButton>
-			<PkpButton v-if="!store.isOnFirstStep" @click="store.previousStep">
-				{{ t('common.back') }}
-			</PkpButton>
-			<PkpButton
-				v-if="!store.isOnFirstStep"
-				:is-primary="true"
-				@click="store.nextStep"
-			>
-				{{ store.stepButtonTitle }}
-			</PkpButton>
-		</ButtonRow>
+		<div class="border-x border-b border-light p-8">
+			<ButtonRow>
+				<PkpButton :is-warnable="true" @click="store.cancel">
+					{{ t('common.cancel') }}
+				</PkpButton>
+				<PkpButton v-if="!store.isOnFirstStep" @click="store.previousStep">
+					{{ t('common.back') }}
+				</PkpButton>
+				<PkpButton
+					v-if="!store.isOnFirstStep"
+					:is-primary="true"
+					@click="store.nextStep"
+				>
+					{{ store.stepButtonTitle }}
+				</PkpButton>
+			</ButtonRow>
+		</div>
 	</div>
 </template>
 

diff --git a/src/pages/acceptInvitation/AcceptInvitationReview.vue b/src/pages/acceptInvitation/AcceptInvitationReview.vue
@@ -17,7 +17,7 @@
 				></FormDisplayItemBasic>
 			</div>
 		</div>
-		<div class="border-t border-solid border-[#ddd] p-8">
+		<div class="border-t border-light p-8">
 			<div class="flex items-center justify-between p-4">
 				<h3>{{ t('acceptInvitation.review.userDetails') }}</h3>
 				<PkpButton
@@ -57,7 +57,7 @@
 				</div>
 			</div>
 		</div>
-		<div class="border-t border-solid border-[#ddd] p-8">
+		<div class="border-t border-light p-8">
 			<div class="flex items-center p-4">
 				<h3>Roles</h3>
 			</div>

diff --git a/src/pages/userInvitation/UserInvitationHeader.vue b/src/pages/userInvitation/UserInvitationHeader.vue
@@ -1,9 +1,9 @@
 <template>
 	<div class="pb-8">
-		<h1 ref="wrapper" class="mb-1 ml-0 mr-0 mt-8 flex text-3xl-bold">
+		<h1 ref="wrapper" class="mb-1 mt-8 flex text-3xl-bold">
 			{{ pageTitle }}
 		</h1>
-		<p class="mb-0 ml-0 mr-0 mt-1 text-lg-normal leading-5">
+		<p class="mt-1 text-lg-normal">
 			{{ pageTitleDescription }}
 		</p>
 	</div>

diff --git a/src/pages/userInvitation/UserInvitationPage.vue b/src/pages/userInvitation/UserInvitationPage.vue
@@ -56,19 +56,19 @@
 				</div>
 			</Step>
 		</Steps>
-		<ButtonRow
-			class="flex items-center justify-end border border-t-0 border-light p-8"
-		>
-			<PkpButton :is-warnable="true" @click="store.cancel">
-				{{ t('common.cancel') }}
-			</PkpButton>
-			<PkpButton v-if="!store.isOnFirstStep" @click="store.previousStep">
-				{{ t('common.back') }}
-			</PkpButton>
-			<PkpButton :is-primary="true" @click="store.nextStep">
-				{{ store.currentStep.nextButtonLabel }}
-			</PkpButton>
-		</ButtonRow>
+		<div class="border-x border-b border-light p-8">
+			<ButtonRow>
+				<PkpButton :is-warnable="true" @click="store.cancel">
+					{{ t('common.cancel') }}
+				</PkpButton>
+				<PkpButton v-if="!store.isOnFirstStep" @click="store.previousStep">
+					{{ t('common.back') }}
+				</PkpButton>
+				<PkpButton :is-primary="true" @click="store.nextStep">
+					{{ store.currentStep.nextButtonLabel }}
+				</PkpButton>
+			</ButtonRow>
+		</div>
 	</div>
 </template>