honeypot/assets/css/pages/dashboard.css

main {
	gap: 10px;
	width: 100%;
	height: 100%;
	display: grid;
	grid-template-columns: 160px 1fr 150px;

	nav {
		display: grid;
		grid-template-rows: repeat(1, 60px);

		button {
			border: solid 1px #666;
			display: grid;
			border-right: unset;
			border-radius: 0;
			grid-template-columns: 60px 1fr;

			&.active {
				width: 100%;
				pointer-events: none;
				background-color: white;
			}

			.icon {
				width: 100%;
				position: relative;
				align-self: center;

				img:last-child {
					right: 5px;
					bottom: 5px;
					position: absolute;
				}
			}

			.info {
				padding: 5px;
				text-align: left;

				p:first-child {
					font-weight: 800;
				}
			}
		}
	}
}