styled wallet headers and transaction tables

2026-02-06 06:08:10 +00:00 · 2021-06-12 23:46:08 +02:00
parent 4df3801f42
commit d43bbfa82b
11 changed files with 340 additions and 200 deletions
--- a/src/styles/wallet-header/wallet-header.scss
+++ b/src/styles/wallet-header/wallet-header.scss
@@ -0,0 +1,44 @@
+wallet-header {
+	.wallet-header {
+		display: grid;
+		grid-template-columns: repeat(3, 1fr);
+		justify-items: center;
+		gap: 15px 10px;
+		.header-item {
+			display: inline;
+			grid: 1;
+			width: 250px;
+			height: 132px;
+			background-color: $black;
+			border: 1px solid $black;
+			border-radius: 3px;
+			.--header {
+				margin: 5px auto;
+				width: 100%;
+				text-align: center;
+				text-transform: uppercase;
+				font-size: 20px;
+				color: $gray-04;
+			}
+			.--content {
+				.--balance {
+					display: block;
+					font-size: 30px;
+					text-align: center;
+					margin: 22px 0 4px 0;
+					&.--positive {
+						color: $green-01;
+					}
+					&.--negative {
+						color: $red-01;
+					}
+				}
+				.--currency {
+					display: block;
+					text-align: center;
+					color: $gray-08;
+				}
+			}
+		}
+	}
+}