UI improvements part 5

resources/js/components/Admin/WidgetLatestTransactions.vue

@@ -49,8 +49,10 @@
 						{{ row.data.attributes.created_at }}
 					</span>
 				</td>
-				<td class="md:pl-1 pl-3 text-right">
-					<img class="inline-block h-5" :src="$getPaymentLogo(row.data.attributes.driver)" :alt="row.data.attributes.driver">
+				<td class="md:pl-1 pl-3">
+					<div class="text-right md:w-full w-32">
+						<img class="w-32 md:inline-block" :src="$getPaymentLogo(row.data.attributes.driver)" :alt="row.data.attributes.driver">
+					</div>
 				</td>
 			</tr>
 		</template>

resources/js/components/Auth/AuthContentWrapper.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="h-screen flex justify-center items-center md:px-0 px-5">
+    <div class="flex justify-center items-center md:px-0 px-5">
         <slot></slot>
     </div>
 </template>

resources/js/components/Sidebar/ContentSidebar.vue

@@ -1,5 +1,5 @@
 <template>
-    <section class="content-sidebar flex-none xl:w-56 w-52 lg:block hidden overflow-y-auto pt-6 select-none dark:bg-dark-background bg-light-background z-10" id="content-sidebar">
+    <section class="content-sidebar flex-none xl:w-48 w-40 lg:block hidden overflow-y-auto pt-6 select-none dark:bg-dark-background bg-light-background z-10" id="content-sidebar">
         <slot></slot>
     </section>
 </template>

resources/js/components/UI/BarChart.vue

@@ -10,7 +10,7 @@
 		<!--Ghost bar-->
 		<span
 			v-if="ghostLength > 0"
-			class="2xl:w-3 md:w-2 w-1 block rounded-lg lg:mr-2 mr-1.5 dark:bg-gray-800 bg-gray-100"
+			class="2xl:w-3 lg:w-2 block lg:mr-2 relative cursor-pointer dark:bg-gray-800 bg-gray-100"
 			v-for="(ghost, i) in ghostLength"
 			:style="{height: '7%'}"
 			:key="i">