Style adjacent terminal blocks to appear connected

This commit is contained in:
Aman Varshney
2025-06-03 18:49:46 +05:30
parent b937329679
commit 4cea350602
2 changed files with 2 additions and 3 deletions

View File

@@ -1062,7 +1062,7 @@ export default function AnalyticsPage() {
</span>
</div>
<div className="terminal-block-hover rounded border border-border bg-muted/20 p-4">
<div className="terminal-block-hover rounded rounded-b-none border border-border bg-muted/20 p-4">
<div className="flex items-center gap-2 text-sm">
<span className="text-primary">$</span>
<span className="font-mono text-foreground">
@@ -1116,7 +1116,7 @@ export default function AnalyticsPage() {
href="https://discord.gg/ZYsbjpDaM5"
target="_blank"
rel="noopener noreferrer"
className="terminal-block-hover block rounded border border-border bg-background transition-colors hover:bg-accent/10"
className="terminal-block-hover block rounded rounded-t-none border border-border border-t-0 bg-background"
>
<div className="flex items-center justify-between p-3">
<div className="flex items-center gap-3">

View File

@@ -321,7 +321,6 @@
.terminal-block-hover {
transition: all 0.2s ease;
border: 1px solid var(--border);
}
.terminal-block-hover:hover {