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;
background: var(--terminal-bg);
border: 2px solid var(--terminal-border);
border-radius: 8px;
border-radius: 0;
overflow: hidden;
position: relative;
display: flex;
flex-direction: column;
width: 100%;
margin: 0 auto;
height: calc(100vh - var(--navbar-height) - 65px);
max-height: calc(100vh - var(--navbar-height) - 65px);
height: calc(100vh - var(--navbar-height));
max-height: calc(100vh - var(--navbar-height));
animation: tuiFadeIn 0.4s ease-out;
}
@@ -33,7 +33,7 @@
.tui-border-glow {
position: absolute;
inset: -2px;
border-radius: 10px;
border-radius: 0;
background: linear-gradient(
45deg,
var(--terminal-primary),
@@ -66,8 +66,8 @@
/* Responsive */
@media (max-width: 768px) {
.tui-terminal {
width: 95%;
height: calc(100vh - var(--navbar-height) - 60px);
max-height: calc(100vh - var(--navbar-height) - 60px);
width: 100%;
height: calc(100vh - var(--navbar-height));
max-height: calc(100vh - var(--navbar-height));
}
}
+1 -1
View File
@@ -20,7 +20,7 @@
<style>
.home-container {
padding: 1rem 1rem;
padding: 0;
min-height: calc(100vh - 60px);
}
</style>
+1 -1
View File
@@ -209,7 +209,7 @@
<style>
.about-container {
padding: 2rem 1rem;
padding: 0;
min-height: calc(100vh - 60px);
}
</style>
+1 -1
View File
@@ -20,7 +20,7 @@
<style>
.components-container {
padding: 2rem 1rem;
padding: 0;
min-height: calc(100vh - 60px);
}
</style>
+1 -1
View File
@@ -19,7 +19,7 @@
<style>
.portfolio-container {
padding: 2rem 1rem;
padding: 0;
min-height: calc(100vh - 60px);
}
</style>
+1 -1
View File
@@ -19,7 +19,7 @@
<style>
.projects-container {
padding: 2rem 1rem;
padding: 0;
min-height: calc(100vh - 60px);
}
</style>