CSS Files Styling

2025-11-28 17:43:48 +00:00
parent 8cdb39afbe
commit 4d17b599b3
54 changed files with 4817 additions and 1764 deletions
@@ -0,0 +1,73 @@
+.tui-terminal {
+	font-family: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;
+	background: var(--terminal-bg);
+	border: 2px solid var(--terminal-border);
+	border-radius: 8px;
+	overflow: hidden;
+	position: relative;
+	display: flex;
+	flex-direction: column;
+	width: 95%;
+	margin: 0 auto;
+	height: calc(100vh - var(--navbar-height) - 80px);
+	max-height: calc(100vh - var(--navbar-height) - 80px);
+	animation: tuiFadeIn 0.4s ease-out;
+}
+
+.tui-terminal:focus-within .tui-border-glow {
+	opacity: 1;
+}
+
+@keyframes tuiFadeIn {
+	from {
+		opacity: 0;
+		transform: scale(0.98);
+	}
+	to {
+		opacity: 1;
+		transform: scale(1);
+	}
+}
+
+/* Hyprland-style animated border glow */
+.tui-border-glow {
+	position: absolute;
+	inset: -2px;
+	border-radius: 10px;
+	background: linear-gradient(
+		45deg,
+		var(--terminal-primary),
+		var(--terminal-accent),
+		var(--terminal-primary),
+		var(--terminal-accent)
+	);
+	background-size: 400% 400%;
+	animation: borderGlow 8s ease infinite;
+	opacity: 0.5;
+	z-index: -1;
+	filter: blur(4px);
+	transition: opacity 0.3s ease;
+}
+
+@keyframes borderGlow {
+	0%, 100% { background-position: 0% 50%; }
+	50% { background-position: 100% 50%; }
+}
+
+.tui-content {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+	background: var(--terminal-bg);
+	position: relative;
+	z-index: 1;
+}
+
+/* Responsive */
+@media (max-width: 768px) {
+	.tui-terminal {
+		width: 95%;
+		height: calc(100vh - var(--navbar-height) - 60px);
+		max-height: calc(100vh - var(--navbar-height) - 60px);
+	}
+}