Make terminal full-width and flush with no rounded edges

This commit is contained in:
2026-06-30 20:58:44 +00:00
parent fe6c0f93fa
commit 0e6a764aab
6 changed files with 12 additions and 12 deletions
+7 -7
View File
@@ -2,15 +2,15 @@
font-family: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace; font-family: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;
background: var(--terminal-bg); background: var(--terminal-bg);
border: 2px solid var(--terminal-border); border: 2px solid var(--terminal-border);
border-radius: 8px; border-radius: 0;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 100%; width: 100%;
margin: 0 auto; margin: 0 auto;
height: calc(100vh - var(--navbar-height) - 65px); height: calc(100vh - var(--navbar-height));
max-height: calc(100vh - var(--navbar-height) - 65px); max-height: calc(100vh - var(--navbar-height));
animation: tuiFadeIn 0.4s ease-out; animation: tuiFadeIn 0.4s ease-out;
} }
@@ -33,7 +33,7 @@
.tui-border-glow { .tui-border-glow {
position: absolute; position: absolute;
inset: -2px; inset: -2px;
border-radius: 10px; border-radius: 0;
background: linear-gradient( background: linear-gradient(
45deg, 45deg,
var(--terminal-primary), var(--terminal-primary),
@@ -66,8 +66,8 @@
/* Responsive */ /* Responsive */
@media (max-width: 768px) { @media (max-width: 768px) {
.tui-terminal { .tui-terminal {
width: 95%; width: 100%;
height: calc(100vh - var(--navbar-height) - 60px); height: calc(100vh - var(--navbar-height));
max-height: calc(100vh - var(--navbar-height) - 60px); max-height: calc(100vh - var(--navbar-height));
} }
} }
+1 -1
View File
@@ -20,7 +20,7 @@
<style> <style>
.home-container { .home-container {
padding: 1rem 1rem; padding: 0;
min-height: calc(100vh - 60px); min-height: calc(100vh - 60px);
} }
</style> </style>
+1 -1
View File
@@ -209,7 +209,7 @@
<style> <style>
.about-container { .about-container {
padding: 2rem 1rem; padding: 0;
min-height: calc(100vh - 60px); min-height: calc(100vh - 60px);
} }
</style> </style>
+1 -1
View File
@@ -20,7 +20,7 @@
<style> <style>
.components-container { .components-container {
padding: 2rem 1rem; padding: 0;
min-height: calc(100vh - 60px); min-height: calc(100vh - 60px);
} }
</style> </style>
+1 -1
View File
@@ -19,7 +19,7 @@
<style> <style>
.portfolio-container { .portfolio-container {
padding: 2rem 1rem; padding: 0;
min-height: calc(100vh - 60px); min-height: calc(100vh - 60px);
} }
</style> </style>
+1 -1
View File
@@ -19,7 +19,7 @@
<style> <style>
.projects-container { .projects-container {
padding: 2rem 1rem; padding: 0;
min-height: calc(100vh - 60px); min-height: calc(100vh - 60px);
} }
</style> </style>