Published on

The 5 Really Obvious Ways To Make A Expenses Dashboard With Tailwind CSS Better That You Ever Did

Tags
Expenses Dashboard

What is Tailwind CSS?

Tailwind CSS is a utility-first CSS framework that focuses on creating personalized user interfaces quickly. It can gives you all the building blocks you are able to create personalized designs without having to fight to override irritating opinionated styles. Also, Tailwind CSS is a highly configurable, low-level CSS framework.

The description of Expenses Dashboard ui component

Check it out in full mode with dark mode

svelte-tailwind-ui.vercel.app/expenses-dashboard/

Why use Tailwind CSS to build a Expenses Dashboard ui component?

  • It can make the building process of Expenses Dashboard ui component faster and more easily.
  • Enables building complex responsive layouts and components freely.
  • Minimum lines of CSS code in Expenses Dashboard component file.

The preview of Expenses Dashboard ui component

Free download of the Expenses Dashboard's source code

The source code of Expenses Dashboard ui component

<div class="h-screen flex">
	<nav
		class="w-56 bg-white dark:bg-gray-800 select-none overflow-y-auto
		transition duration-500 ease-in-out">

		<div class="flex flex-col items-center ">
			<h1
				class="text-6xl font-light text-pink-600 dark:text-pink-400 mt-0
				transition duration-500 ease-in-out">
				pleo
			</h1>

			<img
				class="h-16 w-16 rounded-full object-cover mt-4"
				src="data:image/jpeg;base64,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"
				alt="mickey mouse Profile" />
			<span
				class="capitalize mt-2 mb-6 dark:text-gray-400 transition
				duration-500 ease-in-out">
				mickey
			</span>
		</div>

		<ul>
			<li
				class="pl-8 py-2 font-semibold text-gray-700 dark:text-gray-400
				hover:bg-pink-200 dark-hover:bg-pink-500 mb-2 transition
				duration-500 ease-in-out">

				<button
					class="focus:text-pink-500 dark-focus:text-pink-400
					focus:outline-none w-full transition duration-500 ease-in-out">

					<span class="flex items-center">
						<svg class="h-4 w-4 fill-current" viewBox="0 0 576 512">
							<path
								d="M527.9 32H48.1C21.5 32 0 53.5 0 80v352c0 26.5
								21.5 48 48.1 48h479.8c26.6 0 48.1-21.5
								48.1-48V80c0-26.5-21.5-48-48.1-48zM54.1
								80h467.8c3.3 0 6 2.7 6 6v42H48.1V86c0-3.3 2.7-6
								6-6zm467.8 352H54.1c-3.3
								0-6-2.7-6-6V256h479.8v170c0 3.3-2.7 6-6 6zM192
								332v40c0 6.6-5.4 12-12 12h-72c-6.6
								0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h72c6.6 0 12
								5.4 12 12zm192 0v40c0 6.6-5.4 12-12 12H236c-6.6
								0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h136c6.6 0
								12 5.4 12 12z"></path>
						</svg>
						<span class="ml-4 capitalize">my card</span>
					</span>
				</button>
			</li>

			<li
				class="pl-8 py-2 font-semibold text-pink-500 dark:text-pink-400
				border-l-2 border-pink-500 hover:bg-pink-200 mb-2 transition
				duration-500 ease-in-out">

				<button
					class="focus:text-pink-500 dark-focus:text-pink-400
					focus:outline-none w-full transition duration-500 ease-in-out">

					<span class="flex items-center">
						<svg class="h-4 w-4 fill-current" viewBox="0 0 24 24">
							<path
								d="M15 5v4h-4v4H7v4H3v3h7v-4h4v-4h4V8h4V5h-7z"></path>
						</svg>

						<span class="ml-4 capitalize">expenses</span>
					</span>
				</button>
			</li>

			<li
				class="pl-8 py-2 font-semibold text-gray-700 dark:text-gray-400
				hover:bg-pink-200 dark-hover:bg-pink-500 mb-2 transition
				duration-500 ease-in-out">

				<button
					class="focus:text-pink-500 dark-focus:text-pink-400
					focus:outline-none w-full transition duration-500 ease-in-out">

					<span class="flex items-center">
						<svg class="h-4 w-4 fill-current" viewBox="0 0 24 24">
							<path
								d="M20 10H4V4h16m0 11H4v-2h16m0-11H4c-1.11 0-2
								.89-2 2v11c0 1.11.89 2 2 2h4v5l4-2 4 2v-5h4c1.11
								0 2-.89 2-2V4c0-1.11-.89-2-2-2z"></path>
						</svg>
						<span class="ml-4 capitalize">wallet</span>
					</span>
				</button>
			</li>

			<li
				class="pl-8 py-2 font-semibold text-gray-700 dark:text-gray-400
				hover:bg-pink-200 dark-hover:bg-pink-500 mb-2 transition
				duration-500 ease-in-out">

				<button
					class="focus:text-pink-500 dark-focus:text-pink-400
					focus:outline-none w-full transition duration-500 ease-in-out">

					<span class="flex items-center">
						<svg class="h-4 w-4 fill-current" viewBox="0 0 24 24">
							<path
								d="M16 9c6 0 6 4 6
								4v2h-6v-2s0-1.69-1.15-3.2c-.17-.23-.38-.45-.6-.66C14.77
								9.06 15.34 9 16 9m-8 2c3.5 0 3.94 1.56 4
								2H4c.06-.44.5-2 4-2m0-2c-6 0-6 4-6
								4v2h12v-2s0-4-6-4m1 8v2h6v-2l3 3-3 3v-2H9v2l-3-3
								3-3M8 3c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1
								.45-1 1-1m0-2C6.34 1 5 2.34 5 4s1.34 3 3 3 3-1.34
								3-3-1.34-3-3-3m8 0c-1.66 0-3 1.34-3 3s1.34 3 3 3
								3-1.34 3-3-1.34-3-3-3z"></path>
						</svg>
						<span class="ml-4 capitalize">manage team</span>
					</span>
				</button>
			</li>

			<li
				class="pl-8 py-2 font-semibold text-gray-700 dark:text-gray-400
				hover:bg-pink-200 dark-hover:bg-pink-500 mb-2 transition
				duration-500 ease-in-out">

				<button
					class="focus:text-pink-500 dark-focus:text-pink-400
					focus:outline-none w-full transition duration-500 ease-in-out">

					<span class="flex items-center">
						<svg class="h-4 w-4 fill-current" viewBox="0 0 24 24">
							<path
								d="M21 8V6H7v2h14m0 8v-5H7v5h14m0-12a2 2 0 012
								2v10a2 2 0 01-2 2H7a2 2 0 01-2-2V6c0-1.11.89-2
								2-2h14M3 20h15v2H3a2 2 0 01-2-2V9h2v11z"></path>
						</svg>
						<span class="ml-4 capitalize">manage cards</span>
					</span>
				</button>
			</li>

			<li
				class="pl-8 py-2 font-semibold text-gray-700 dark:text-gray-400
				hover:bg-pink-200 dark-hover:bg-pink-500 mb-2 transition
				duration-500 ease-in-out">

				<button
					class="focus:text-pink-500 dark-focus:text-pink-400
					focus:outline-none w-full transition duration-500 ease-in-out">

					<span class="flex items-center">
						<svg class="h-4 w-4 fill-current" viewBox="0 0 448 512">
							<path
								d="M128 148v-40c0-6.6 5.4-12 12-12h40c6.6 0 12
								5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6
								0-12-5.4-12-12zm140 12h40c6.6 0 12-5.4
								12-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12
								12v40c0 6.6 5.4 12 12 12zm-128 96h40c6.6 0 12-5.4
								12-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12
								12v40c0 6.6 5.4 12 12 12zm128 0h40c6.6 0 12-5.4
								12-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12
								12v40c0 6.6 5.4 12 12 12zm-76
								84v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12
								12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4
								12-12zm76 12h40c6.6 0 12-5.4
								12-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12
								12v40c0 6.6 5.4 12 12 12zm180 124v36H0v-36c0-6.6
								5.4-12 12-12h19.5V24c0-13.3 10.7-24
								24-24h337c13.3 0 24 10.7 24 24v440H436c6.6 0 12
								5.4 12 12zM79.5 463H192v-67c0-6.6 5.4-12
								12-12h40c6.6 0 12 5.4 12 12v67h112.5V49L80 48l-.5
								415z"></path>
						</svg>
						<span class="ml-4 capitalize">company profile</span>
					</span>
				</button>
			</li>

			<li
				class="pl-8 py-2 font-semibold text-gray-700 dark:text-gray-400
				hover:bg-pink-200 dark-hover:bg-pink-500 mb-2 transition
				duration-500 ease-in-out">

				<button
					class="focus:text-pink-500 dark-focus:text-pink-400
					focus:outline-none w-full transition duration-500 ease-in-out">

					<span class="flex items-center">
						<svg class="h-4 w-4 fill-current" viewBox="0 0 24 24">
							<path
								d="M3 13h12v-2H3m0-5v2h18V6M3 18h6v-2H3v2z"></path>
						</svg>
						<span class="ml-4 capitalize">manage categories</span>
					</span>
				</button>
			</li>

			<li
				class="pl-8 py-2 font-semibold text-gray-700 dark:text-gray-400
				hover:bg-pink-200 dark-hover:bg-pink-500 transition duration-500
				ease-in-out">

				<button
					class="focus:text-pink-500 dark-focus:text-pink-400
					focus:outline-none w-full transition duration-500 ease-in-out">

					<span class="flex items-center">
						<svg class="h-4 w-4 fill-current" viewBox="0 0 496 512">
							<path
								d="M248 104c-53 0-96 43-96 96s43 96 96 96 96-43
								96-96-43-96-96-96zm0 144c-26.5
								0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5
								48-48 48zm0-240C111 8 0 119 0 256s111 248 248 248
								248-111 248-248S385 8 248 8zm0 448c-49.7
								0-95.1-18.3-130.1-48.4 14.9-23 40.4-38.6
								69.6-39.5 20.8 6.4 40.6 9.6 60.5 9.6s39.7-3.1
								60.5-9.6c29.2 1 54.7 16.5 69.6 39.5-35 30.1-80.4
								48.4-130.1
								48.4zm162.7-84.1c-24.4-31.4-62.1-51.9-105.1-51.9-10.2
								0-26 9.6-57.6 9.6-31.5 0-47.4-9.6-57.6-9.6-42.9
								0-80.6 20.5-105.1 51.9C61.9 339.2 48 299.2 48
								256c0-110.3 89.7-200 200-200s200 89.7 200 200c0
								43.2-13.9 83.2-37.3 115.9z"></path>
						</svg>
						<span class="ml-4 capitalize">my profile</span>
					</span>
				</button>
			</li>

		</ul>
	</nav>

	<main
		class="flex-1 bg-gray-200 dark:bg-gray-900 overflow-y-auto transition
		duration-500 ease-in-out">
		<div
			class="px-24 py-12 text-gray-700 dark:text-gray-500 transition
			duration-500 ease-in-out">
			<h2 class="text-4xl font-medium capitalize">expenses</h2>
			<div class="mt-1 mb-4 flex items-center justify-between">
				<span class="text-sm">
					wallet balance
					<strong>71.180,00kr</strong>
				</span>

				<div class="flex items-center select-none">
					<span class="hover:text-pink-500 cursor-pointer mr-3">

						<svg viewBox="0 0 512 512" class="h-5 w-5 fill-current">
							<path
								d="M505 442.7L405.3
								343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7
								44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1
								208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4
								2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9
								0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7
								0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0
								128 57.2 128 128 0 70.7-57.2 128-128 128z"></path>
						</svg>
					</span>

					<input
						class="bg-transparent focus:outline-none"
						placeholder="Search in activity" />

				</div>

				<button
					class="flex items-center focus:outline-none border
					rounded-full py-2 px-6 leading-none border-gray-500
					select-none hover:text-pink-600 hover:bg-pink-300">
					<svg class="h-5 w-5 fill-current mr-1" viewBox="0 0 24 24">
						<path
							d="M12 1L8 5h3v9h2V5h3m2 18H6a2 2 0 01-2-2V9a2 2 0
							012-2h3v2H6v12h12V9h-3V7h3a2 2 0 012 2v12a2 2 0 01-2
							2z"></path>
					</svg>
					<span>Export</span>
				</button>

				<div class="flex items-center select-none">
					<span>Filter</span>
					<button
						class="ml-3 bg-gray-400 dark:bg-gray-600
						dark:text-gray-400 rounded-full p-2 focus:outline-none
						hover:text-pink-500 hover:bg-pink-300 transition
						duration-500 ease-in-out">
						<svg class="h-5 w-5 fill-current" viewBox="0 0 24 24">
							<path
								d="M14 12v7.88c.04.3-.06.62-.29.83a.996.996 0
								01-1.41 0l-2.01-2.01a.989.989 0
								01-.29-.83V12h-.03L4.21 4.62a1 1 0
								01.17-1.4c.19-.14.4-.22.62-.22h14c.22 0
								.43.08.62.22a1 1 0 01.17 1.4L14.03 12H14z"></path>
						</svg>
					</button>
					<button
						class="ml-2 bg-gray-400 dark:bg-gray-600
						dark:text-gray-400 rounded-full p-2 focus:outline-none
						hover:text-pink-500 hover:bg-pink-300 transition
						duration-500 ease-in-out">
						<svg class="h-5 w-5 fill-current" viewBox="0 0 24 24">
							<path
								d="M18 21l-4-4h3V7h-3l4-4 4 4h-3v10h3M2
								19v-2h10v2M2 13v-2h7v2M2 7V5h4v2H2z"></path>
						</svg>
					</button>
					<button
						class="ml-2 bg-gray-400 dark:bg-gray-600
						dark:text-gray-400 rounded-full p-2 focus:outline-none
						hover:text-pink-500 hover:bg-pink-300 transition
						duration-500 ease-in-out">
						<svg class="h-5 w-5 fill-current" viewBox="0 0 24 24">
							<path
								d="M12 4a4 4 0 014 4 4 4 0 01-4 4 4 4 0 01-4-4 4
								4 0 014-4m0 10c4.42 0 8 1.79 8 4v2H4v-2c0-2.21
								3.58-4 8-4z"></path>
						</svg>
					</button>
				</div>
			</div>

			<div
				class="border dark:border-gray-700 transition duration-500
				ease-in-out"></div>
			<div class="flex flex-col mt-2">
				<div class="flex flex-row mt-2">
					<div
						class="flex w-full items-center justify-between bg-white
						dark:bg-gray-800 px-8 py-6 border-l-4 border-green-500
						dark:border-green-300">
						<!-- card -->
						<div class="flex">
							<img
								class="h-12 w-12 rounded-full object-cover"
								src="data:image/jpeg;base64,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"
								alt="infamous" />

							<div class="flex flex-col ml-6">
								<span class="text-lg font-bold">Amazon</span>
								<div class="mt-4 flex">
									<div class="flex">
										<svg
											class="h-5 w-5 fill-current
											dark:text-gray-300"
											viewBox="0 0 24 24">
											<path
												d="M12 4a4 4 0 014 4 4 4 0 01-4 4
												4 4 0 01-4-4 4 4 0 014-4m0
												10c4.42 0 8 1.79 8
												4v2H4v-2c0-2.21 3.58-4 8-4z"></path>
										</svg>
										<span
											class="ml-2 text-sm text-gray-600
											dark:text-gray-300 capitalize">
											Niccolo perra
										</span>
									</div>

									<div class="flex ml-6">
										<svg
											class="h-5 w-5 fill-current
											dark:text-gray-300"
											viewBox="0 0 24 24">
											<path
												d="M19
												19H5V8h14m-3-7v2H8V1H6v2H5c-1.11
												0-2 .89-2 2v14a2 2 0 002 2h14a2 2
												0 002-2V5a2 2 0 00-2-2h-1V1m-1
												11h-5v5h5v-5z"></path>
										</svg>
										<span
											class="ml-2 text-sm text-gray-600
											dark:text-gray-300 capitalize">
											13 aug 2016
										</span>
									</div>

									<div class="flex ml-6">
										<svg
											class="h-5 w-5 fill-current
											dark:text-gray-300"
											viewBox="0 0 24 24">
											<path
												d="M13 2.05v2.02c3.95.49 7 3.85 7
												7.93 0 3.21-1.92 6-4.72 7.28L13
												17v5h5l-1.22-1.22C19.91 19.07 22
												15.76 22
												12c0-5.18-3.95-9.45-9-9.95M11
												2c-1.95.2-3.8.96-5.32 2.21L7.1
												5.63A8.195 8.195 0 0111 4V2M4.2
												5.68C2.96 7.2 2.2 9.05 2
												11h2c.19-1.42.75-2.77
												1.63-3.9L4.2 5.68M6
												8v2h3v1H8c-1.1 0-2 .9-2
												2v3h5v-2H8v-1h1c1.11 0 2-.89
												2-2v-1a2 2 0 00-2-2H6m6
												0v5h3v3h2v-3h1v-2h-1V8h-2v3h-1V8h-2M2
												13c.2 1.95.97 3.8 2.22
												5.32l1.42-1.42A8.21 8.21 0 014
												13H2m5.11 5.37l-1.43 1.42A10.04
												10.04 0 0011 22v-2a8.063 8.063 0
												01-3.89-1.63z"></path>
										</svg>
										<span
											class="ml-2 text-sm text-gray-600
											dark:text-gray-300 capitalize">
											21 hours
										</span>
									</div>
								</div>

								<div class="mt-4 flex">
									<button
										class="flex items-center
										focus:outline-none border rounded-full
										py-2 px-6 leading-none border-gray-500
										dark:border-gray-600 select-none
										hover:bg-blue-400 hover:text-white
										dark-hover:text-gray-200">
										<svg
											class="h-5 w-5 fill-current mr-2"
											viewBox="0 0 24 24">
											<path
												d="M14
												12v7.88c.04.3-.06.62-.29.83a.996.996
												0 01-1.41 0l-2.01-2.01a.989.989 0
												01-.29-.83V12h-.03L4.21 4.62a1 1
												0
												01.17-1.4c.19-.14.4-.22.62-.22h14c.22
												0 .43.08.62.22a1 1 0 01.17
												1.4L14.03 12H14z"></path>
										</svg>
										<span>Select Category</span>
									</button>

									<button
										class="flex items-center ml-4
										focus:outline-none border rounded-full
										py-2 px-6 leading-none border-blue-500
										dark:border-blue-600 select-none
										hover:bg-blue-400 hover:text-white
										dark-hover:text-gray-200">
										<svg
											class="h-5 w-5 fill-current mr-2
											text-blue-600"
											viewBox="0 0 576 512">
											<path
												d="M402.3 344.9l32-32c5-5
												13.7-1.5 13.7 5.7V464c0 26.5-21.5
												48-48 48H48c-26.5
												0-48-21.5-48-48V112c0-26.5
												21.5-48 48-48h273.5c7.1 0 10.7
												8.6 5.7 13.7l-32 32c-1.5 1.5-3.5
												2.3-5.7
												2.3H48v352h352V350.5c0-2.1.8-4.1
												2.3-5.6zm156.6-201.8L296.3
												405.7l-90.4 10c-26.2
												2.9-48.5-19.2-45.6-45.6l10-90.4L432.9
												17.1c22.9-22.9 59.9-22.9 82.7
												0l43.2 43.2c22.9 22.9 22.9 60 .1
												82.8zM460.1 174L402 115.9 216.2
												301.8l-7.3 65.3 65.3-7.3L460.1
												174zm64.8-79.7l-43.2-43.2c-4.1-4.1-10.8-4.1-14.8
												0L436 82l58.1 58.1
												30.9-30.9c4-4.2 4-10.8-.1-14.9z"></path>
										</svg>
										<span>Add note</span>
									</button>

								</div>
							</div>
						</div>

						<div class="flex flex-col -mt-10 mr-20">
							<span
								class="font-semibold text-green-500
								dark:text-green-300">
								Refunded
							</span>
							<span
								class="font-semibold text-green-500
								dark:text-green-300">
								200 $
							</span>
							<span
								class="text-sm text-gray-700 dark:text-gray-400
								mt-2">
								300,00kr
							</span>

						</div>
					</div>

					<div
						class="text-center flex flex-col items-center
						justify-center bg-white dark:bg-gray-800
						dark:text-gray-300 ml-1 px-12 cursor-pointer
						hover:bg-blue-200 dark-hover:bg-blue-500 rounded-lg">
						<svg class="h-5 w-5 fill-current" viewBox="0 0 24 24">
							<path
								d="M9.47 9.65l-1.41 1.42L11
								14l5.19-5.18-1.41-1.42L11 11.18M17 3H7c-1.1 0-2
								.9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2m0 15l-5-2.18L7
								18V5h10z"></path>
						</svg>

					</div>
				</div>

				<div class="flex flex-row mt-2">
					<div
						class="flex w-full items-center justify-between bg-white
						dark:bg-gray-800 px-8 py-6">
						<!-- card -->
						<div class="flex">
							<img
								class="h-12 w-12 rounded-full object-cover"
								src="data:image/jpeg;base64,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"
								alt="infamous" />

							<div class="flex flex-col ml-6">
								<span class="text-lg font-bold">Amazon</span>
								<div class="mt-4 flex">
									<div class="flex">
										<svg
											class="h-5 w-5 fill-current
											dark:text-gray-300"
											viewBox="0 0 24 24">
											<path
												d="M12 4a4 4 0 014 4 4 4 0 01-4 4
												4 4 0 01-4-4 4 4 0 014-4m0
												10c4.42 0 8 1.79 8
												4v2H4v-2c0-2.21 3.58-4 8-4z"></path>
										</svg>
										<span
											class="ml-2 text-sm text-gray-600
											dark:text-gray-300 capitalize">
											Niccolo perra
										</span>
									</div>

									<div class="flex ml-6">
										<svg
											class="h-5 w-5 fill-current
											dark:text-gray-300"
											viewBox="0 0 24 24">
											<path
												d="M19
												19H5V8h14m-3-7v2H8V1H6v2H5c-1.11
												0-2 .89-2 2v14a2 2 0 002 2h14a2 2
												0 002-2V5a2 2 0 00-2-2h-1V1m-1
												11h-5v5h5v-5z"></path>
										</svg>
										<span
											class="ml-2 text-sm text-gray-600
											dark:text-gray-300 capitalize">
											13 aug 2016
										</span>
									</div>

									<div class="flex ml-6">
										<svg
											class="h-5 w-5 fill-current
											dark:text-gray-300"
											viewBox="0 0 24 24">
											<path
												d="M13 2.05v2.02c3.95.49 7 3.85 7
												7.93 0 3.21-1.92 6-4.72 7.28L13
												17v5h5l-1.22-1.22C19.91 19.07 22
												15.76 22
												12c0-5.18-3.95-9.45-9-9.95M11
												2c-1.95.2-3.8.96-5.32 2.21L7.1
												5.63A8.195 8.195 0 0111 4V2M4.2
												5.68C2.96 7.2 2.2 9.05 2
												11h2c.19-1.42.75-2.77
												1.63-3.9L4.2 5.68M6
												8v2h3v1H8c-1.1 0-2 .9-2
												2v3h5v-2H8v-1h1c1.11 0 2-.89
												2-2v-1a2 2 0 00-2-2H6m6
												0v5h3v3h2v-3h1v-2h-1V8h-2v3h-1V8h-2M2
												13c.2 1.95.97 3.8 2.22
												5.32l1.42-1.42A8.21 8.21 0 014
												13H2m5.11 5.37l-1.43 1.42A10.04
												10.04 0 0011 22v-2a8.063 8.063 0
												01-3.89-1.63z"></path>
										</svg>
										<span
											class="ml-2 text-sm text-gray-600
											dark:text-gray-300 capitalize">
											21 hours
										</span>
									</div>
								</div>

								<div class="mt-4 flex">
									<button
										class="flex items-center
										focus:outline-none border rounded-full
										py-2 px-6 leading-none border-gray-500
										dark:border-gray-600 select-none
										hover:bg-blue-400 hover:text-white
										dark-hover:text-gray-200">
										<svg
											class="h-5 w-5 fill-current mr-2"
											viewBox="0 0 24 24">
											<path
												d="M14
												12v7.88c.04.3-.06.62-.29.83a.996.996
												0 01-1.41 0l-2.01-2.01a.989.989 0
												01-.29-.83V12h-.03L4.21 4.62a1 1
												0
												01.17-1.4c.19-.14.4-.22.62-.22h14c.22
												0 .43.08.62.22a1 1 0 01.17
												1.4L14.03 12H14z"></path>
										</svg>
										<span>Select Category</span>
									</button>

									<button
										class="flex items-center ml-4
										focus:outline-none border rounded-full
										py-2 px-6 leading-none border-blue-500
										dark:border-blue-600 select-none
										hover:bg-blue-400 hover:text-white
										dark-hover:text-gray-200">
										<svg
											class="h-5 w-5 fill-current mr-2
											text-blue-600"
											viewBox="0 0 576 512">
											<path
												d="M402.3 344.9l32-32c5-5
												13.7-1.5 13.7 5.7V464c0 26.5-21.5
												48-48 48H48c-26.5
												0-48-21.5-48-48V112c0-26.5
												21.5-48 48-48h273.5c7.1 0 10.7
												8.6 5.7 13.7l-32 32c-1.5 1.5-3.5
												2.3-5.7
												2.3H48v352h352V350.5c0-2.1.8-4.1
												2.3-5.6zm156.6-201.8L296.3
												405.7l-90.4 10c-26.2
												2.9-48.5-19.2-45.6-45.6l10-90.4L432.9
												17.1c22.9-22.9 59.9-22.9 82.7
												0l43.2 43.2c22.9 22.9 22.9 60 .1
												82.8zM460.1 174L402 115.9 216.2
												301.8l-7.3 65.3 65.3-7.3L460.1
												174zm64.8-79.7l-43.2-43.2c-4.1-4.1-10.8-4.1-14.8
												0L436 82l58.1 58.1
												30.9-30.9c4-4.2 4-10.8-.1-14.9z"></path>
										</svg>
										<span>Add note</span>
									</button>

								</div>
							</div>
						</div>

						<div class="flex flex-col -mt-10 mr-20">
							<span
								class="font-semibold text-green-500
								dark:text-green-300">
								Refunded
							</span>
							<span
								class="font-semibold text-green-500
								dark:text-green-300">
								200 $
							</span>
							<span
								class="text-sm text-gray-700 dark:text-gray-400
								mt-2">
								300,00kr
							</span>

						</div>
					</div>

					<div
						class="text-center flex flex-col items-center
						justify-center bg-white dark:bg-gray-800
						dark:text-gray-300 ml-1 px-12 cursor-pointer
						hover:bg-blue-200 dark-hover:bg-blue-500 rounded-lg">
						<svg class="h-5 w-5 fill-current" viewBox="0 0 24 24">
							<path
								d="M9.47 9.65l-1.41 1.42L11
								14l5.19-5.18-1.41-1.42L11 11.18M17 3H7c-1.1 0-2
								.9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2m0 15l-5-2.18L7
								18V5h10z"></path>
						</svg>

					</div>
				</div>
				<div class="flex flex-row mt-2">
					<div
						class="flex w-full items-center justify-between bg-white
						dark:bg-gray-800 px-8 py-6">
						<!-- card -->
						<div class="flex">
							<img
								class="h-12 w-12 rounded-full object-cover"
								src="data:image/jpeg;base64,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"
								alt="infamous" />

							<div class="flex flex-col ml-6">
								<span class="text-lg font-bold">Amazon</span>
								<div class="mt-4 flex">
									<div class="flex">
										<svg
											class="h-5 w-5 fill-current
											dark:text-gray-300"
											viewBox="0 0 24 24">
											<path
												d="M12 4a4 4 0 014 4 4 4 0 01-4 4
												4 4 0 01-4-4 4 4 0 014-4m0
												10c4.42 0 8 1.79 8
												4v2H4v-2c0-2.21 3.58-4 8-4z"></path>
										</svg>
										<span
											class="ml-2 text-sm text-gray-600
											dark:text-gray-300 capitalize">
											Niccolo perra
										</span>
									</div>

									<div class="flex ml-6">
										<svg
											class="h-5 w-5 fill-current
											dark:text-gray-300"
											viewBox="0 0 24 24">
											<path
												d="M19
												19H5V8h14m-3-7v2H8V1H6v2H5c-1.11
												0-2 .89-2 2v14a2 2 0 002 2h14a2 2
												0 002-2V5a2 2 0 00-2-2h-1V1m-1
												11h-5v5h5v-5z"></path>
										</svg>
										<span
											class="ml-2 text-sm text-gray-600
											dark:text-gray-300 capitalize">
											13 aug 2016
										</span>
									</div>

									<div class="flex ml-6">
										<svg
											class="h-5 w-5 fill-current
											dark:text-gray-300"
											viewBox="0 0 24 24">
											<path
												d="M13 2.05v2.02c3.95.49 7 3.85 7
												7.93 0 3.21-1.92 6-4.72 7.28L13
												17v5h5l-1.22-1.22C19.91 19.07 22
												15.76 22
												12c0-5.18-3.95-9.45-9-9.95M11
												2c-1.95.2-3.8.96-5.32 2.21L7.1
												5.63A8.195 8.195 0 0111 4V2M4.2
												5.68C2.96 7.2 2.2 9.05 2
												11h2c.19-1.42.75-2.77
												1.63-3.9L4.2 5.68M6
												8v2h3v1H8c-1.1 0-2 .9-2
												2v3h5v-2H8v-1h1c1.11 0 2-.89
												2-2v-1a2 2 0 00-2-2H6m6
												0v5h3v3h2v-3h1v-2h-1V8h-2v3h-1V8h-2M2
												13c.2 1.95.97 3.8 2.22
												5.32l1.42-1.42A8.21 8.21 0 014
												13H2m5.11 5.37l-1.43 1.42A10.04
												10.04 0 0011 22v-2a8.063 8.063 0
												01-3.89-1.63z"></path>
										</svg>
										<span
											class="ml-2 text-sm text-gray-600
											dark:text-gray-300 capitalize">
											21 hours
										</span>
									</div>
								</div>

								<div class="mt-4 flex">
									<button
										class="flex items-center
										focus:outline-none border rounded-full
										py-2 px-6 leading-none border-gray-500
										dark:border-gray-600 select-none
										hover:bg-blue-400 hover:text-white
										dark-hover:text-gray-200">
										<svg
											class="h-5 w-5 fill-current mr-2"
											viewBox="0 0 24 24">
											<path
												d="M14
												12v7.88c.04.3-.06.62-.29.83a.996.996
												0 01-1.41 0l-2.01-2.01a.989.989 0
												01-.29-.83V12h-.03L4.21 4.62a1 1
												0
												01.17-1.4c.19-.14.4-.22.62-.22h14c.22
												0 .43.08.62.22a1 1 0 01.17
												1.4L14.03 12H14z"></path>
										</svg>
										<span>Select Category</span>
									</button>

									<button
										class="flex items-center ml-4
										focus:outline-none border rounded-full
										py-2 px-6 leading-none border-blue-500
										dark:border-blue-600 select-none
										hover:bg-blue-400 hover:text-white
										dark-hover:text-gray-200">
										<svg
											class="h-5 w-5 fill-current mr-2
											text-blue-600"
											viewBox="0 0 576 512">
											<path
												d="M402.3 344.9l32-32c5-5
												13.7-1.5 13.7 5.7V464c0 26.5-21.5
												48-48 48H48c-26.5
												0-48-21.5-48-48V112c0-26.5
												21.5-48 48-48h273.5c7.1 0 10.7
												8.6 5.7 13.7l-32 32c-1.5 1.5-3.5
												2.3-5.7
												2.3H48v352h352V350.5c0-2.1.8-4.1
												2.3-5.6zm156.6-201.8L296.3
												405.7l-90.4 10c-26.2
												2.9-48.5-19.2-45.6-45.6l10-90.4L432.9
												17.1c22.9-22.9 59.9-22.9 82.7
												0l43.2 43.2c22.9 22.9 22.9 60 .1
												82.8zM460.1 174L402 115.9 216.2
												301.8l-7.3 65.3 65.3-7.3L460.1
												174zm64.8-79.7l-43.2-43.2c-4.1-4.1-10.8-4.1-14.8
												0L436 82l58.1 58.1
												30.9-30.9c4-4.2 4-10.8-.1-14.9z"></path>
										</svg>
										<span>Add note</span>
									</button>

								</div>
							</div>
						</div>

						<div class="flex flex-col -mt-10 mr-20">
							<span
								class="font-semibold text-green-500
								dark:text-green-300">
								Refunded
							</span>
							<span
								class="font-semibold text-green-500
								dark:text-green-300">
								200 $
							</span>
							<span
								class="text-sm text-gray-700 dark:text-gray-400
								mt-2">
								300,00kr
							</span>

						</div>
					</div>

					<div
						class="text-center flex flex-col items-center
						justify-center bg-white dark:bg-gray-800
						dark:text-gray-300 ml-1 px-12 cursor-pointer
						hover:bg-blue-200 dark-hover:bg-blue-500 rounded-lg">
						<svg class="h-5 w-5 fill-current" viewBox="0 0 24 24">
							<path
								d="M9.47 9.65l-1.41 1.42L11
								14l5.19-5.18-1.41-1.42L11 11.18M17 3H7c-1.1 0-2
								.9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2m0 15l-5-2.18L7
								18V5h10z"></path>
						</svg>

					</div>
				</div>
				<div class="flex flex-row mt-2">
					<div
						class="flex w-full items-center justify-between bg-white
						dark:bg-gray-800 px-8 py-6">
						<!-- card -->
						<div class="flex">
							<img
								class="h-12 w-12 rounded-full object-cover"
								src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBxITEhUSEhMVFhUXFxgZFhcXGBUXFRgXGBUXGBgVGBcaHSggGBonGxgXITEhJSkrLi4uFx8zODMtNygtLisBCgoKDg0OGhAQGy8mHyYvLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLf/AABEIALEBHAMBIgACEQEDEQH/xAAcAAACAgMBAQAAAAAAAAAAAAADBAIFAAEGBwj/xAA9EAABAwIEAwYFAgUEAgIDAAABAAIRAyEEEjFBBVFhEyJxgZGhBjKx0fBCwQcUUuHxFSNicoKyksIXM5P/xAAaAQADAQEBAQAAAAAAAAAAAAABAgMABAUG/8QAKREAAgICAgICAAUFAAAAAAAAAAECEQMhEjEEQRNRFDJhcYEFIlKx8P/aAAwDAQACEQMRAD8A8qq4EbGPFJuw7tYkcxdWuJpPaIqBr50ykHcTpeVlFgbYDewm46XCnyHrZSgX5K3FcQ0wHG1hIIEb9OqFi8zXRlgjY6+yUdUM6QbISjyCtGVnkB1MEZbG1/f09ELB4gscCPPqEZ9LYSXSbAE2GqVqDf1TLaFZ1VAggOHkrvDMb2ZJMlcjwXFn5J00/cK8Y8rmyQ2XhIcoNstMquYQ5uo0UaLjJ5KL2JWhky14Satd5Z2rmkjUnWF1FPDGkA2o8uhpc4nroPZJfw+4cKhqOMWgCU/8R0soLQ75jlO5gIPSHW+znRQ7StmY0lmYeEJvimHgZrRpG6vOG8PDKIJJMHOImeR01CpPiHHUM2XtBmF4b3teZFkj2N0MfDrLl3SF0DCuNwHHxSblFGo8k2tlnYAayrTiPGatKnmLA023a652ExJXJl1JL76OrF+Vv6OkY1HaxcHT4hjKozMd3Zv3uz01FiZ/t4pxnGqzDTpCBVquy02uc95MXc46QABOo2UpxalxW2VhJOPJ6R2rWIwaqOnxP+WYW4p7nEEkv7PKIMQMoJNiQOatWcVoZA/tWBpaHDMQ05SM0kG4tsVOUJL0FzXoba1SAVVW+KMEwScRTP8A1OY+jZSjvjzAAT2p/wD51J/9VliyPqLJPLH7OlYFJrFyH/5IwUw0VXdcrQI595wPsou/iVh9qNWOppg2BJtmOwTfhsv+JJ5o/Z2RapBqFg8SyrTbVpnMx7Q5p5g/RGCg1WmNdmwFhapBSAQFsHlWi1GhYGI0DkADViPkWixag8hZwQixNupoTgmopGQs5qCWpyoEEtRorGR894zEjMAw2329kLtSf0gzv/hK1dyNSVKk9xmGzAJt7r6HikjxOTbJCnLsxbadOca8kq5hDpMmJEDp+FWLXQCYdYT0tt46JRrtAOsnbmfefVZMzVAKNcA92eRixvsExjaM850E77keyhTDS4zcWPKT0lHo1Rocx8ZtzE7iIIRbXYVsTweHLnZmmMsefS3n6LpGaAb7pLB0GNJANjEzp6+ZVhi5aR2WWRrmm/gpylbodRpBKdVrQ7M9rdoJExpprrZL/wAwXuLaMO/pggknKCCBM6u5fp6rmiKkkdkSd+643yuaT6uzJnD1K4NqTxM6MO4AOg6JvjF5nT8L4riadUMa2rAf3mtYf01HakTEtay//J3iuvZxFlUNfXp1WugWhzWkm5uW2vtK47FcVxNOh2z3EkADIS6bkDXbVUo4ziapnJAG7pP+Urx8lY6y8dHovH/iRjKLaYFMNqNcMuaqXZZ1LmkCJ2PTVcJhuMFlQOgVBJGQuc1pnT5AIixVXiTUq5Q4xlkCx0JmIQf9P51D/wDE/dZKC0BubOgxnxixwAZRp03h2rM1joYJPJVHFeNVKjYJ3nUpUcJGuZ3oo4vBENJ7xjogo4uSa7C55eDi3obwXFqjWBocfUpilxZ4q06uY5mZgOkx9yqbBsnUkeSZqYYG4dP1RcIKdgU5uFWX/EPiyq8tzONjmveY0H7+nJZX45Wq0WsZRc5rWkDKxx0YWzIGx3XO0aQkA3E7r0b4O+Mn0IovAcwfKJiPAHTy9EmaagrjGxsUZTdOVHJs4XxKoLYTEWvPZOb6EgSmaPwZxZ+mGeP+76bPYule6cPx1Ou3PScHDeNQYmCNtU4GLkf9Qmuoot+Fj7kzwin/AA34qTBp02ydTVbEeUmE9R/hTxEmHVMO0f8Ad59gxe2BikGpH/UMv6A/DYxHgfDG4bD0sOwktpsDQTqebj4mT5p0hTDVNoXC7btlk0lojTaitCk1qIAhROUgWVSARIUSEaFsjC0QpwsyJqNYEtQ3MTJaouasOpCb2IRYnHNQSxErGR8xtALiDsNPFGw9QCzfmg6WtF/ZAw1QEkGxO3PzWqdEib3HhcH8he3Pb2cWPUdE3VZZ0J06ASfeAj1WDICAJIEHzASWIBa0NGoAHr3neP6R5IWHLogm2yZx0qApK3aNlzpAyxsI/Zaa5xMAz06I9LVxcJMW87D86ItKhBk7b9bJuVKyahbGqFIc5gDnqm25yb/nmlGPMyfZNNrmbFQ2dFIsxQhknlJ/ZDwrMx5ae5hTrVTly84v4DQLVCoA0i8n7WTJ6JNMsmgmBY3O22y5vjuPDSTMmYH0Hlv5q4xdR1PD1an6g23MXgnyBnyXn9aqah3K0Yc/2CpcN+wzseSZJUv58xol2YQlHp4AbldHxIi8rCsxpHIKNXHEgjMLrTsK0dVE0mjZD4kD5WL4HEZbK1pmm75hfmPuq7swdFrIR8vmtPHy2jQyVouaXCmuO8eKvuGYSm0aCeZF1TcE4k091xh3I6HwV4x/6gvPzOd8Wd2Lj+ZFvh+NHB1GYlglkhldg/Uw/K8D+pu3kF6zhMQ2oxtRhzNcA5p5giQV40wCpSe0jb+4PqAuq+FPitjKWINR3cpBopMHKnT78b3dbyXO8bnHS2v9eh3KpfuehgKQC8R4x/FzFOJFBjKTdpGd/qbey47H/FOMrGa2Iqv/APLLHgGwB5BUh4E3+bRCXkRXR9QQpNXzp8P/ABzjKRY11ZxYP6rmLxPO/sV7l8I/EDcbR7QNyvBh7dQDzB3BUs/iyxK/QY5VIvJWwsCmAuYLZFSaFgCkAiBszKtZVMBSAWEsHlUHBMZFEsWCpCjmoRCbcxDLESsZHyhiKYBscwgGx3I08pWqDyHd4S3fcxv9FpjWm821/wCXpv5Kcy2ZtofIadbSvdr0c1kqhBM3Mg9bm/l/ZbaIHWUuA65Fp9PArZq2iLyg0FOh6lSDYB8T4D8Ka4e9pnPuSfPklBYOk6Q0eO/vKzDwNTZLNWhoOmN1IBcQbfmykxrjoLdUSm1t3X81qtXsALJElQ7bvQ611gOSfZMd0CY1OwVRgnlxgqwxuONNvYgiXtDja4aSRr1j3TpctEpOtg8fiQ5mQ3BF+sjRUgwzGgwEao7lsgmpZdUYKKpHLKTk9gCUF1T1U6rkm55lOKSNRCc5C7ZDe9KEKKiLTfskJTlFywRrK0+W6ao8Sqs3zDrYpNhUKjksoRl2gxk49F7/AK9ULO73QWwbC4kmCN77nkFLhz3NAHT/ACk+H8Ir1GudSpPqBkF2UTlB3I8irng9UBtok76+iilGN0WuT7Fn8Ob8+TM4nQjujqQbHzskONUWho7jWun9IAkReYtyuunxBMdSuZ4nwyqCXXI8Z8k0WafVUU7WRPKNPRes/wAJ8c1lRrLy8BpudYcb8xpc/efKz3T+aruv4QNL+IM5ND3HwDS0e5Hql8hJ43YuN1I97UwtCFILwTpZgCkAshbCwrZsBEY1QCPSVcMFOaixJMkKShUpo6i/Retl8XHwdIkpOxJ4Qij1EArxTpifIFSk5pv428dwiUqoiCPMa38ddLJvEEO7ragjr4rMbRLsoFg0RN49gvoL+yH6oEXAxeRuR+42UnQdYjUc/UJfsLwNRrEKRLrhzXdTEeo3WoNh35g0A6G99b8/T3WU6llHE1y64II0t+cghtclaDeyyw9U6Smw2TeFVUnp2i4nRTaKJj9LFMZoJjdI4nHNqOLpy3mHWI6dfIlaxIim53KB6qPAoJdPIfurYVqyGZ06Asxs6wDsdj9lOp7p/HYem4GGNmOQF/Jc2yqRaZHj9OSv0QD16kG/qEB1WVCpVnf1/shyNglYTRpwbpvDcPe4S2m9w5hriPUBCw9YsIcIkaSA6PIiE474gxJt2zh4QPpokfL0OuPsDi+GPY3MaT2iYlzXAe6A0K04W91Q/wC45z5P6nOd9SrfGcCplstlh9R6bLJ12Fxvo5YuTPD8K6q8MaCSTAjWTso4jBuYY18F0XwbxP8Al60sY0vAPzibkGI5XtI5lacmo6DjinLZ7L8JcGGFwzKUDNrUPNx18Y08l45ROSo9kHuve2B/xcQfova+B8UZiKQe3WBmHIkTHgp1OCYVznPdh6Jc/wCZxpsLnaXJiZsL9F5OPM8cpcvZ6WTEpJUeVMiRLtbxufBD4e19XEmi5jgCC5s8hG+m+i9PrfCOFdUY9rcgaCC1tg4SCJOojTwMLoaFBjQ0BjQGiGwBbw5Kj8pJaRNwPn74o+E6tAGrBLHOgGDYkExPr6L0H+C/w2aTH4p8gvGRn/XVx9QPQrv+K8Np4imaVUS0kSPDrsnaTA0BrQAAIAFgAp5PLc8fEj8aUrRMNUwFELYK4wskFtRCkEBWYCiNcgTdSlMm1tGaGhVUKlRBzKJcrz8nJKPFsVQNvcgkrZKBUN/mb6rmeiqR8kfypPyuzHw0UWNqA6geJRWudMz+eakC3fXfmvorZHihas4kmWHMdxdaw0XBcQfOfqmxWJMAec/uh4mk0nM8y7cD8ujYnH6CMpuaJ16x16hRN0DD1C3XTpPuQm8PVaSDlkA/1Az/AOJj6pWjJm8KyXAdV0NOg1ugVfTptI7ojfr5yov4iWGDcECSD+yWm1oblXZZ8fwc4XtGzYtLrc3Fuvp6qi4LVGYtO4+n+SrscVz0CwZCyC1w/Wc2s7rlWuNN/UH1/wAhNhbVpiZknTR1raY5D0XL4vDhrnCBr7bLpMLVDgCDYhL8Zw4LQ8eBt6H85ro7Oe6OZI2hReYsmA1K1zdKOgmHaDrHnIGkyfzdNs4W6zqhaymROcloLm5c006bnNc+bARuYss4VhRUzOc11TIGxSZAc8Ex45RaSATcaXIHjMQ+vWl9nGGxcBjWjKGAG4AAiEfRvZ03Aq7G5XUqcQQWl/edPM7a3iN905xfHOLiXOkm5JMknck7pfhlKGgBar0w57sxs0SZ5Tr+clCUvZ0Rh6RXYmtDS9wvoPE6ffyVXhMQWvz3JiNfRa4njBUf3ZDRZv3PUrMFTLiGtEuJgAak7JktWxJPdI9o/hbP8s6o6Ye+Gz/xmfcn0XYVsQW31C5z4doihhqVCZLW94jTO4lzo6SSrBlZxkHTW/1Xg5pcptntY41BJluzEhxseg/dWNMrksJVObVdBhMQYnUKfT2CcLWi0aURpQmFECY42ggK3KgFkpaFompZyhSsJt5oAokHLcoQfKzMig8QhK0XKBctSiGjZKVe0EyY9FKrXaLSgvqNm50spybKKJ8otnnA6rVQDUe+noogT/eylI3M/RfTHBZOmC7r6AeqIabW6+g080BzyOi23qga0EdUJsBbkNvsh1cO2O7ryWhWPgFjZ2kBEVsLh3lg0GYiB05+CFUeY1uShtIzRyRnOuBsmQjACoRoYRjUDx3iA8aHQOHI9VjqN7ID2bFZqzJlvwLE3yE21b+4/Oqvi1rgQeS4mhULXAjUaLqcHiw5odNz+QniyckVGMoZSQt8GwdKrVyVZAIsQYuNj5T6Kz4lSDhm3H0VBnLXAjUGR4hLNWqQ0HTs67GcKwOHpdq6nmOgBe7vHZov7xzVTgOIivVitSaW/pLSRVpjYB7pzjWz56ZbRS43EVHvJqGT7AcgNgrn4co78z9B/dThFxW2VnJSdJHTHC9i5zZkWIMRLXNDgY2sRZUXGJDHx+oge8/sr44+JpvbnZqATDmmNWuvHgQR0Sz+GNxJZSo1Mpc4mKgiGtBkhwlp1NzlmEskux1J9M47DYRz3BrWlzjoBcrv/hL4fNEh9QTUNgNmzt1PX8LuCwLcIDSDQHfqJ+ckcyjUsUWmVx5s8pXFdHXhwxjUntnT4RrROU3HoPBSxNSGyTc7+Co8DjjPLmm21MzXEnSYHiuBwd7O1SVFozLlYRrF/VN4PEkTBt91T4eqCB0CsKDmZbyD7EckJIKZ0lHiLYHv0Vg2oCuRwlU67C8K7wVfMM09CEj0TniVWizNRaFURKSxWY6JXF13QAAZQUrEjhtFwaii6tHnqP3VPTxbx82yJiMYD4oS7D8Oxs1u9E2m6M2qOa54Ylx/V7Lfbu/rKZRoLxl3Uru2QH1HHWVUuqO/rd6oLid3H1RoyjRb31mIQTUdz+ir8O+8T16oVaq+TDzHgjwGPnIuUvFQ00Uc5X0NHiBRUGy0Sg5lsvWowUKT3WMIGZFouE30WMAPRSp1SOqJiaBbcXHP7odIXuiYZp1wTyKZe0EJZjRFwD6LbHFuhkcj+xRTFaMfhZHd15IvC8TldldofY/3U6bwbjzCFjKUw4eaIC/aRbQqrqYUdrA+WZ8uXrZMcPrggZrGLqzoYdpB033/AMqsYciTlxOd4rh4Id5fb91ecCp5WN8z6lF45hgyiC5pBLgW+RBJ05H3CZwrB2bHDQiZgDc7BbLhlDv6DjyKRrE4aoYhusRJDZnlMSfDmu64Z8IPa0NGVjg0Zy43mJIE3iZVHg8H21ShVcLSSbWLaQbleeRJ7v8A4+Ku6WOe5xGYwYmdSY6rzvMtNR/k7vE/ut/wWPF8JTNOnLg+q2Q517t/SCdyL+UKrfhwbEDxtI80xWsUtWqQFyylydnbCPBUFoYfICA0SY62RWN7sEEGSqkYtwIAcbptmLfuQfL7KUsciqmqLqhTa0CY680N7Dm6TbXRKUK/MehR8RjSAPIX5KMcck9jckO0qgF5j1TNHHhhJDtVWVcZBAjW2qjWxDbiDYSdNEXjH5Itn8XJ/V9EB2OB1k+qrKhYBJMDwQg1rriI8/uh8SMp10Wv843ksNVrt49AqgUvHyP9lIUnbEo/GHmWLmf0u8J1SzOI7FBAeOSBXpl1yBPMGCiov2K/0LE42dChvxSqXUHDTMFKlVcSAea3EWy/NUtAIiY3/sg9sTePqFurWgxGyWfTcTJn3RoY8JFRbzDkEIuUcy9w8IM4BbdSBFkEOUg/qVjG/wCWWjhXItJ5RxVI29FjCzXVAIiQgu6NIVmzExt6hY+q07CULDRWQdQoFxVqGM8t0JzAeXQ7/nitYBBtQjRPYXEzYqDMLJjdFoYDQkxO6ZMDQ3TbtEhdDwKqwOa1wLr2ETfa2+y51lB4mCCQdLg+PJGw7qkgEADdxkgWnQCenmuvxskYyTZzZYOSotvibiBqB3bEktcWsyuBDmkjeTGhNhGmi6M8Apijh29uGOfSBbmHdN5u+YaDset4F1y7OGCu2RJdcB3eEd3NcG231XW4HD1a+Dymm1vYQzOTMiTLLcjJ8yF6GWKzJ1/2zl5rG1v9x34ZrU8GXA/77zTAcA9poNL47stkVHgDUGBMbKZxQLswpwNdZI+4VLh+BVH9xtbsj8wcJDZANnd6CPFRPxFiaX+wzDOFSYc97w0PIt3Q20b2cfKF4HneLl5qXqtHr+H5OOMGvfsu6+NYTJkSI0P2S1bFNiA4EH20XPV/itwq/wC8xjmENl1KZBygFwDrOEjpzlW9JtOqwVaTg5h3Go6OGrT0K86UZQ7R6MJRmtMNlPIeMj2Uy8jaVWFt7FFpVLpOZRRRbYfEA9FJ4cbgg9NEm4jKCCZ5H6zupUXu2P2S8kHiMuruDgXAiFp2KBm+sLddzmA6G21x5pF+LB+ZnmCiqZmqHsZiO5HNapVIZ5Kro12F8EENO83HJMPp1BbUfnJNQthWwGddj5q0puMWdsqNtU2BFgU8MU3f6IJBTLOm9wAkgnfZHwFN9WqKLGiSJknRVbK42PunOB4wNrl5cWwDf88EJdDW/QTiJNF2V40MSDKTY8EhQ4tiMztZm/qh06hmwlKurYb3RaUBNSTptKvWBnLVUHC5c490fUc1fUuFtgE1Q0m5EG0rnllpj6R8y9kVrszyR+xPNb7N3ivojwReOixMSdwsDhuPZYwJroU2uupBjSiNwwO6wNmNqLeaVE4Y7FRNJywTZbCwuGn5otFrtwhArAHRE2MEI1CoY2skWncrdOr1/wAIUNZYio7b639jdMYfiTmfOzN1iPVVpxB1j7I7MUCIj3WUmujcUzqsBxugRBacszlnuzzjmuh/1SiaFY06jRmLHPYCcwjuFzRMkXbPK55rzvtQROX6H82UCWi+hgjU7ggjwgkea6oebNdqznyeJCW0dZX4rlmlqIlp5bg+BhDq8RpuDWyJLSARYh0Wv0m3guSL6hjMZyggQfD7LMPTcCDyvEqcszloeOJIO6k9xIOmsm51/PVdl8KcZwtLDHDOAa8kuzxGYkXzzobQDpAC4+riDEFnp7ft6JU4oTefTTzXLkxqapl4TcXZ19XEAPAm3S/gpy43AJ6yucwdQm86R+fRdbw+qMluXP8AOS45YknR3RyOWyFKq8at9Lrofh1jauZjoBF2yAJ6KpY+Gf46/ZDZVi4N41CjkikWi2x7ibi0lnW3Xkqt7yLOEFZjcSSBJJReHEPmb+Oy0FSDKTbE6gGoKtMBiMzP+TdYMEjmkuIZWmAEDDVyx4cP8jcJxbL1ldp1g+Ij3Uwxv9J8iD7pd1JphzfldcfZL1qV9Ug46aTDrI8iomi3Z356JNpOx91I1Hf1FYwV9ID9X7otCRIlKGvzIJ8P7KdDEDPew5/4U3cjKkW2ErlmkwmnYxx325Kq7VpNjI8LJhhEbeSnLHTHUjxEYkotPF81JuAqkBwpyDeRH3WjgXf0OHmIXvnhkm4oIjKzNDZQPC6lu6QTsY+6h/p1XQDeNRrMLGGsrDy9VH+XG0hBHDa/9Bt1HKeakMDX2YbdR9+ixg4oHZyw0XjkUtVNWnGcETzgz+StDGlYwy57tIS1aoOUFTGN6IWJrh1/zZYxJlRkd7y/dDzNnWyerYmm+iGwO60ZTmGfPIBaW7tiTPvKe+GsfTp06rRWbh6zn0y2s6m6oDSAdnpDKxxaSS12kOywSFjUUjqoO/28luk9vP8AddRXxuFLqdUV6ZIwVai5gp1Wv7V1HENa6OzyAFz2CzrTyEhqrxzD9sXurMqYbJWFPDCk6m+m1+FqsbSL+zhpzOayWlwk5josajkv5zr7LP50aFXn+qYf+fNcnNQNGqGsylhph2FqMZh4DSBlcQ0OAI0dzVzwj4iwbKcMcKB7CmwNc6tIc3E4p7gatOg4nu1KZ+WLxNkKCcZTxrZuURuNbz+q64fEuE7KlTdUc4sbh80tJpZm4oPqPaOzD+0yDWwLXOGtivjuOYd3EsLXNZr6NOqHOINd+VvaSZa+iw6R3Wh2mq1Gs5l2ObPzfZROLZMzsvQ6Pxpg6lWu7OaDpYKVepSbXBpNquc9jWspAsDmltiCeZsiYn4u4YcPVpU+4HNxeWk6keyzPfNLPDC4EyXNymG3BiyxjhMFi6QF3gXnQp1vEaVv96P/AJfZXnw98X4fD8Pw9GHOqipUNVrQ1sNNQOGYvpkPBEiGuBHNXrPirhbTVZ2wLa1TFVM/8vVApdswNZTIy5nEGTIEW2soyxpstHI0jkWcTo6ds4nwJ/ZFp8bogBufQRcHTb7LfGamAdgsPSp4pr6uH7YQKFZva9pVzNhzgA2G8yuv+H/ifhtLD4RlWqGml2edraLokMdnNTuGTJ+Zju8dRCm8EX2yqztdI4nFccok/Pp0KLgOOUwe67W24HrC7Hh/xRgadLCtdjA4U3h1cOw1XMWgQ2iwilAYyxm5dl1uuP8AjviNDE4hjsPV7QZA2zXtg53GO9TYTYjY+KPwxSB88mxqrXL3SRFvdalBbk07Qg/nRE7u1Qeyg4l+SLDhtZ2YAGxVhVYToCVTYMSbOuIOlvquiw9aGG4SNDp6KtjYKJUsFGpUuTbdCquJsPFBqw3SBYe5J8gncNF56pWnTcBp+aqdLFNpgOe0mTt06I8X9AUl9jbnEAxH5zUaeKqETlB6zCZx+Kw1ZjX0nRUAAdTLXAGB8wNx6xPW6VA5qUk/aCmvTPI3fnutDRYsXsnkEFpYsWGC0NUzWWLEQMUO6isWIGJI9Dfy+qxYsZkRr5LdNYsQYCY1HiEav+y2sQD6N0vlQ9x4LFiISGyEsWIikqabp6rFiDCgzNW+KKdT4rFilLsrHodwe/grpv8A9j9FpYgw/Zb4DTyVfw//APc/wd9VtYlQ76GWfN/5D/1Rq+h8voFixMAY4V+rw/YJl3yDw+yxYpvsoukRPzDz/dE4n8rP+p+oWLEH2MuhUaDx/YIOK+Vnn9FpYmXYj6I8J1P/AFP1TeJ1HgFpYo5yuE//2Q=="
								alt="infamous" />

							<div class="flex flex-col ml-6">
								<span class="text-lg font-bold">Amazon</span>
								<div class="mt-4 flex">
									<div class="flex">
										<svg
											class="h-5 w-5 fill-current
											dark:text-gray-300"
											viewBox="0 0 24 24">
											<path
												d="M12 4a4 4 0 014 4 4 4 0 01-4 4
												4 4 0 01-4-4 4 4 0 014-4m0
												10c4.42 0 8 1.79 8
												4v2H4v-2c0-2.21 3.58-4 8-4z"></path>
										</svg>
										<span
											class="ml-2 text-sm text-gray-600
											dark:text-gray-300 capitalize">
											Niccolo perra
										</span>
									</div>

									<div class="flex ml-6">
										<svg
											class="h-5 w-5 fill-current
											dark:text-gray-300"
											viewBox="0 0 24 24">
											<path
												d="M19
												19H5V8h14m-3-7v2H8V1H6v2H5c-1.11
												0-2 .89-2 2v14a2 2 0 002 2h14a2 2
												0 002-2V5a2 2 0 00-2-2h-1V1m-1
												11h-5v5h5v-5z"></path>
										</svg>
										<span
											class="ml-2 text-sm text-gray-600
											dark:text-gray-300 capitalize">
											13 aug 2016
										</span>
									</div>

									<div class="flex ml-6">
										<svg
											class="h-5 w-5 fill-current
											dark:text-gray-300"
											viewBox="0 0 24 24">
											<path
												d="M13 2.05v2.02c3.95.49 7 3.85 7
												7.93 0 3.21-1.92 6-4.72 7.28L13
												17v5h5l-1.22-1.22C19.91 19.07 22
												15.76 22
												12c0-5.18-3.95-9.45-9-9.95M11
												2c-1.95.2-3.8.96-5.32 2.21L7.1
												5.63A8.195 8.195 0 0111 4V2M4.2
												5.68C2.96 7.2 2.2 9.05 2
												11h2c.19-1.42.75-2.77
												1.63-3.9L4.2 5.68M6
												8v2h3v1H8c-1.1 0-2 .9-2
												2v3h5v-2H8v-1h1c1.11 0 2-.89
												2-2v-1a2 2 0 00-2-2H6m6
												0v5h3v3h2v-3h1v-2h-1V8h-2v3h-1V8h-2M2
												13c.2 1.95.97 3.8 2.22
												5.32l1.42-1.42A8.21 8.21 0 014
												13H2m5.11 5.37l-1.43 1.42A10.04
												10.04 0 0011 22v-2a8.063 8.063 0
												01-3.89-1.63z"></path>
										</svg>
										<span
											class="ml-2 text-sm text-gray-600
											dark:text-gray-300 capitalize">
											21 hours
										</span>
									</div>
								</div>

								<div class="mt-4 flex">
									<button
										class="flex items-center
										focus:outline-none border rounded-full
										py-2 px-6 leading-none border-gray-500
										dark:border-gray-600 select-none
										hover:bg-blue-400 hover:text-white
										dark-hover:text-gray-200">
										<svg
											class="h-5 w-5 fill-current mr-2"
											viewBox="0 0 24 24">
											<path
												d="M14
												12v7.88c.04.3-.06.62-.29.83a.996.996
												0 01-1.41 0l-2.01-2.01a.989.989 0
												01-.29-.83V12h-.03L4.21 4.62a1 1
												0
												01.17-1.4c.19-.14.4-.22.62-.22h14c.22
												0 .43.08.62.22a1 1 0 01.17
												1.4L14.03 12H14z"></path>
										</svg>
										<span>Select Category</span>
									</button>

									<button
										class="flex items-center ml-4
										focus:outline-none border rounded-full
										py-2 px-6 leading-none border-blue-500
										dark:border-blue-600 select-none
										hover:bg-blue-400 hover:text-white
										dark-hover:text-gray-200">
										<svg
											class="h-5 w-5 fill-current mr-2
											text-blue-600"
											viewBox="0 0 576 512">
											<path
												d="M402.3 344.9l32-32c5-5
												13.7-1.5 13.7 5.7V464c0 26.5-21.5
												48-48 48H48c-26.5
												0-48-21.5-48-48V112c0-26.5
												21.5-48 48-48h273.5c7.1 0 10.7
												8.6 5.7 13.7l-32 32c-1.5 1.5-3.5
												2.3-5.7
												2.3H48v352h352V350.5c0-2.1.8-4.1
												2.3-5.6zm156.6-201.8L296.3
												405.7l-90.4 10c-26.2
												2.9-48.5-19.2-45.6-45.6l10-90.4L432.9
												17.1c22.9-22.9 59.9-22.9 82.7
												0l43.2 43.2c22.9 22.9 22.9 60 .1
												82.8zM460.1 174L402 115.9 216.2
												301.8l-7.3 65.3 65.3-7.3L460.1
												174zm64.8-79.7l-43.2-43.2c-4.1-4.1-10.8-4.1-14.8
												0L436 82l58.1 58.1
												30.9-30.9c4-4.2 4-10.8-.1-14.9z"></path>
										</svg>
										<span>Add note</span>
									</button>

								</div>
							</div>
						</div>

						<div class="flex flex-col -mt-10 mr-20">
							<span
								class="font-semibold text-green-500
								dark:text-green-300">
								Refunded
							</span>
							<span
								class="font-semibold text-green-500
								dark:text-green-300">
								200 $
							</span>
							<span
								class="text-sm text-gray-700 dark:text-gray-400
								mt-2">
								300,00kr
							</span>

						</div>
					</div>

					<div
						class="text-center flex flex-col items-center
						justify-center bg-white dark:bg-gray-800
						dark:text-gray-300 ml-1 px-12 cursor-pointer
						hover:bg-blue-200 dark-hover:bg-blue-500 rounded-lg">
						<svg class="h-5 w-5 fill-current" viewBox="0 0 24 24">
							<path
								d="M9.47 9.65l-1.41 1.42L11
								14l5.19-5.18-1.41-1.42L11 11.18M17 3H7c-1.1 0-2
								.9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2m0 15l-5-2.18L7
								18V5h10z"></path>
						</svg>

					</div>
				</div>
				<div class="flex flex-row mt-2">
					<div
						class="flex w-full items-center justify-between bg-white
						dark:bg-gray-800 px-8 py-6">
						<!-- card -->
						<div class="flex">
							<img
								class="h-12 w-12 rounded-full object-cover"
								src="data:image/jpeg;base64,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"
								alt="infamous" />

							<div class="flex flex-col ml-6">
								<span class="text-lg font-bold">Amazon</span>
								<div class="mt-4 flex">
									<div class="flex">
										<svg
											class="h-5 w-5 fill-current
											dark:text-gray-300"
											viewBox="0 0 24 24">
											<path
												d="M12 4a4 4 0 014 4 4 4 0 01-4 4
												4 4 0 01-4-4 4 4 0 014-4m0
												10c4.42 0 8 1.79 8
												4v2H4v-2c0-2.21 3.58-4 8-4z"></path>
										</svg>
										<span
											class="ml-2 text-sm text-gray-600
											dark:text-gray-300 capitalize">
											Niccolo perra
										</span>
									</div>

									<div class="flex ml-6">
										<svg
											class="h-5 w-5 fill-current
											dark:text-gray-300"
											viewBox="0 0 24 24">
											<path
												d="M19
												19H5V8h14m-3-7v2H8V1H6v2H5c-1.11
												0-2 .89-2 2v14a2 2 0 002 2h14a2 2
												0 002-2V5a2 2 0 00-2-2h-1V1m-1
												11h-5v5h5v-5z"></path>
										</svg>
										<span
											class="ml-2 text-sm text-gray-600
											dark:text-gray-300 capitalize">
											13 aug 2016
										</span>
									</div>

									<div class="flex ml-6">
										<svg
											class="h-5 w-5 fill-current
											dark:text-gray-300"
											viewBox="0 0 24 24">
											<path
												d="M13 2.05v2.02c3.95.49 7 3.85 7
												7.93 0 3.21-1.92 6-4.72 7.28L13
												17v5h5l-1.22-1.22C19.91 19.07 22
												15.76 22
												12c0-5.18-3.95-9.45-9-9.95M11
												2c-1.95.2-3.8.96-5.32 2.21L7.1
												5.63A8.195 8.195 0 0111 4V2M4.2
												5.68C2.96 7.2 2.2 9.05 2
												11h2c.19-1.42.75-2.77
												1.63-3.9L4.2 5.68M6
												8v2h3v1H8c-1.1 0-2 .9-2
												2v3h5v-2H8v-1h1c1.11 0 2-.89
												2-2v-1a2 2 0 00-2-2H6m6
												0v5h3v3h2v-3h1v-2h-1V8h-2v3h-1V8h-2M2
												13c.2 1.95.97 3.8 2.22
												5.32l1.42-1.42A8.21 8.21 0 014
												13H2m5.11 5.37l-1.43 1.42A10.04
												10.04 0 0011 22v-2a8.063 8.063 0
												01-3.89-1.63z"></path>
										</svg>
										<span
											class="ml-2 text-sm text-gray-600
											dark:text-gray-300 capitalize">
											21 hours
										</span>
									</div>
								</div>

								<div class="mt-4 flex">
									<button
										class="flex items-center
										focus:outline-none border rounded-full
										py-2 px-6 leading-none border-gray-500
										dark:border-gray-600 select-none
										hover:bg-blue-400 hover:text-white
										dark-hover:text-gray-200">
										<svg
											class="h-5 w-5 fill-current mr-2"
											viewBox="0 0 24 24">
											<path
												d="M14
												12v7.88c.04.3-.06.62-.29.83a.996.996
												0 01-1.41 0l-2.01-2.01a.989.989 0
												01-.29-.83V12h-.03L4.21 4.62a1 1
												0
												01.17-1.4c.19-.14.4-.22.62-.22h14c.22
												0 .43.08.62.22a1 1 0 01.17
												1.4L14.03 12H14z"></path>
										</svg>
										<span>Select Category</span>
									</button>

									<button
										class="flex items-center ml-4
										focus:outline-none border rounded-full
										py-2 px-6 leading-none border-blue-500
										dark:border-blue-600 select-none
										hover:bg-blue-400 hover:text-white
										dark-hover:text-gray-200">
										<svg
											class="h-5 w-5 fill-current mr-2
											text-blue-600"
											viewBox="0 0 576 512">
											<path
												d="M402.3 344.9l32-32c5-5
												13.7-1.5 13.7 5.7V464c0 26.5-21.5
												48-48 48H48c-26.5
												0-48-21.5-48-48V112c0-26.5
												21.5-48 48-48h273.5c7.1 0 10.7
												8.6 5.7 13.7l-32 32c-1.5 1.5-3.5
												2.3-5.7
												2.3H48v352h352V350.5c0-2.1.8-4.1
												2.3-5.6zm156.6-201.8L296.3
												405.7l-90.4 10c-26.2
												2.9-48.5-19.2-45.6-45.6l10-90.4L432.9
												17.1c22.9-22.9 59.9-22.9 82.7
												0l43.2 43.2c22.9 22.9 22.9 60 .1
												82.8zM460.1 174L402 115.9 216.2
												301.8l-7.3 65.3 65.3-7.3L460.1
												174zm64.8-79.7l-43.2-43.2c-4.1-4.1-10.8-4.1-14.8
												0L436 82l58.1 58.1
												30.9-30.9c4-4.2 4-10.8-.1-14.9z"></path>
										</svg>
										<span>Add note</span>
									</button>

								</div>
							</div>
						</div>

						<div class="flex flex-col -mt-10 mr-20">
							<span
								class="font-semibold text-green-500
								dark:text-green-300">
								Refunded
							</span>
							<span
								class="font-semibold text-green-500
								dark:text-green-300">
								200 $
							</span>
							<span
								class="text-sm text-gray-700 dark:text-gray-400
								mt-2">
								300,00kr
							</span>

						</div>
					</div>

					<div
						class="text-center flex flex-col items-center
						justify-center bg-white dark:bg-gray-800
						dark:text-gray-300 ml-1 px-12 cursor-pointer
						hover:bg-blue-200 dark-hover:bg-blue-500 rounded-lg">
						<svg class="h-5 w-5 fill-current" viewBox="0 0 24 24">
							<path
								d="M9.47 9.65l-1.41 1.42L11
								14l5.19-5.18-1.41-1.42L11 11.18M17 3H7c-1.1 0-2
								.9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2m0 15l-5-2.18L7
								18V5h10z"></path>
						</svg>

					</div>
				</div>

			</div>
		</div>
	</main>
</div>

How to build a Expenses Dashboard with Tailwind CSS?

Install tailwind css of verion 1.4.6

Use the link html tag to import the stylesheet of Tailwind CSS of the version 1.4.6

<link href=https://unpkg.com/[email protected]/dist/tailwind.min.css rel="stylesheet">

All the unility class needed to build a Expenses Dashboard component

  • h-screen
  • flex
  • w-56
  • bg-white
  • dark:bg-gray-800
  • flex-col
  • text-6xl
  • text-pink-600
  • dark:text-pink-400
  • h-16
  • w-16
  • mt-4
  • mt-2
  • mb-6
  • dark:text-gray-400
  • pl-8
  • py-2
  • text-gray-700
  • dark-hover:bg-pink-500
  • mb-2
  • focus:text-pink-500
  • w-full
  • h-4
  • w-4
  • ml-4
  • text-pink-500
  • border-pink-500
  • hover:bg-pink-200
  • flex-1
  • bg-gray-200
  • dark:bg-gray-900
  • overflow-y-auto
  • px-24
  • py-12
  • dark:text-gray-500
  • text-4xl
  • mt-1
  • mb-4
  • text-sm
  • hover:text-pink-500
  • mr-3
  • h-5
  • w-5
  • bg-transparent
  • px-6
  • hover:text-pink-600
  • hover:bg-pink-300
  • mr-1
  • ml-3
  • bg-gray-400
  • p-2
  • ml-2
  • dark:border-gray-700
  • flex-row
  • bg-white dark:bg-gray-800
  • px-8
  • py-6
  • border-l-4
  • border-green-500 dark:border-green-300
  • h-12
  • w-12
  • ml-6
  • text-lg
  • fill-current dark:text-gray-300
  • text-gray-600 dark:text-gray-300
  • border-gray-500 dark:border-gray-600
  • select-none hover:bg-blue-400
  • mr-2
  • border-blue-500 dark:border-blue-600
  • -mt-10
  • mr-20
  • text-green-500 dark:text-green-300
  • text-center
  • ml-1
  • px-12
  • cursor-pointer hover:bg-blue-200
  • dark-hover:bg-blue-500

77 steps to build a Expenses Dashboard component with Tailwind CSS

  1. Use h-screen to make an element span the entire height of the viewport.

  2. Use flex to create a block-level flex container.

  3. Use w-56 to set an element to a fixed width(14rem).

  4. Control the background color of an element to white using the bg-white utilities.

  5. Control the background color of an element to gray-800 using the dark:bg-gray-800 utilities in dark theme.

  6. Use flex to create a block-level flex container.

  7. Control the text color of an element to 6xl using the text-6xl utilities.

  8. Control the text color of an element to pink-600 using the text-pink-600 utilities.

  9. Control the text color of an element to pink-400 in dark theme using the dark:text-pink-400 utilities.

  10. Use h-16 to set an element to a fixed height(4rem).

  11. Use w-16 to set an element to a fixed width(4rem).

  12. Control the margin on top side of an element to 1rem using the mt-4 utilities.

  13. Control the margin on top side of an element to 0.5rem using the mt-2 utilities.

  14. Control the margin on bottom side of an element to 1.5rem using the mb-6 utilities.

  15. Control the text color of an element to gray-400 in dark theme using the dark:text-gray-400 utilities.

  16. Set the left padding of the element to 2rem using the pl-8 utilities class

  17. Control the vertical padding of an element to 0.5rem using the py-2 utilities.

  18. Control the text color of an element to gray-700 using the text-gray-700 utilities.

  19. Control the background color of an element to pink-500 using the dark-hover:bg-pink-500 utilitiesundefined.

  20. Control the margin on bottom side of an element to 0.5rem using the mb-2 utilities.

  21. Control the text color of an element to pink-500 on focus using the focus:text-pink-500 utilities.

  22. Use w-full to set an element to a 100% based width.

  23. Use h-4 to set an element to a fixed height(1rem).

  24. Use w-4 to set an element to a fixed width(1rem).

  25. Control the margin on left side of an element to 1rem using the ml-4 utilities.

  26. Control the text color of an element to pink-500 using the text-pink-500 utilities.

  27. Control the border color of an element to pink-500 using the border-pink-500 utilities.

  28. Control the background color of an element to pink-200 using the hover:bg-pink-200 utilities on hover.

  29. Use flex to create a block-level flex container.

  30. Control the background color of an element to gray-200 using the bg-gray-200 utilities.

  31. Control the background color of an element to gray-900 using the dark:bg-gray-900 utilities in dark theme.

  32. Use overflow-y-auto to allow vertical scrolling if needed.

  33. Control the horizontal padding of an element to 6rem using the px-24 utilities.

  34. Control the vertical padding of an element to 3rem using the py-12 utilities.

  35. Control the text color of an element to gray-500 in dark theme using the dark:text-gray-500 utilities.

  36. Control the text color of an element to 4xl using the text-4xl utilities.

  37. Control the margin on top side of an element to 0.25rem using the mt-1 utilities.

  38. Control the margin on bottom side of an element to 1rem using the mb-4 utilities.

  39. Control the text color of an element to sm using the text-sm utilities.

  40. Control the text color of an element to pink-500 on hover using the hover:text-pink-500 utilities.

  41. Control the margin on right side of an element to 0.75rem using the mr-3 utilities.

  42. Use h-5 to set an element to a fixed height(1.25rem).

  43. Use w-5 to set an element to a fixed width(1.25rem).

  44. Control the background color of an element to transparent using the bg-transparent utilities.

  45. Control the horizontal padding of an element to 1.5rem using the px-6 utilities.

  46. Control the text color of an element to pink-600 on hover using the hover:text-pink-600 utilities.

  47. Control the background color of an element to pink-300 using the hover:bg-pink-300 utilities on hover.

  48. Control the margin on right side of an element to 0.25rem using the mr-1 utilities.

  49. Control the margin on left side of an element to 0.75rem using the ml-3 utilities.

  50. Control the background color of an element to gray-400 using the bg-gray-400 utilities.

  51. Control the padding on all sides of an element to 0.5rem using the p-2 utilities.

  52. Control the margin on left side of an element to 0.5rem using the ml-2 utilities.

  53. Control the border color of an element to gray-700 using the dark:border-gray-700 utilities in dark theme.

  54. Use flex to create a block-level flex container.

  55. Control the background color of an element to gray-800 using the bg-white dark:bg-gray-800 utilitiesundefined.

  56. Control the horizontal padding of an element to 2rem using the px-8 utilities.

  57. Control the vertical padding of an element to 1.5rem using the py-6 utilities.

  58. Control the border color of an element to l-4 using the border-l-4 utilities.

  59. Control the border color of an element to green-300 using the border-green-500 dark:border-green-300 utilitiesundefined.

  60. Use h-12 to set an element to a fixed height(3rem).

  61. Use w-12 to set an element to a fixed width(3rem).

  62. Control the margin on left side of an element to 1.5rem using the ml-6 utilities.

  63. Control the text color of an element to lg using the text-lg utilities.

  64. Control the text color of an element to gray-300undefined using the fill-current dark:text-gray-300 utilities.

  65. Control the text color of an element to gray-300undefined using the text-gray-600 dark:text-gray-300 utilities.

  66. Control the border color of an element to gray-600 using the border-gray-500 dark:border-gray-600 utilitiesundefined.

  67. Control the background color of an element to blue-400 using the select-none hover:bg-blue-400 utilitiesundefined.

  68. Control the margin on right side of an element to 0.5rem using the mr-2 utilities.

  69. Control the border color of an element to blue-600 using the border-blue-500 dark:border-blue-600 utilitiesundefined.

  70. Control the margin on top side of an element to -2.5rem using the -mt-10 utilities.

  71. Control the margin on right side of an element to 5rem using the mr-20 utilities.

  72. Control the text color of an element to green-300undefined using the text-green-500 dark:text-green-300 utilities.

  73. Control the text color of an element to center using the text-center utilities.

  74. Control the margin on left side of an element to 0.25rem using the ml-1 utilities.

  75. Control the horizontal padding of an element to 3rem using the px-12 utilities.

  76. Control the background color of an element to blue-200 using the cursor-pointer hover:bg-blue-200 utilitiesundefined.

  77. Control the background color of an element to blue-500 using the dark-hover:bg-blue-500 utilitiesundefined.

Conclusion

The above is a step-by-step tutorial on how to use Tailwind CSS to build a Expenses Dashboard components, learn and follow along to implement your own components.