MayaTheShy/remoteturtle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: add styling for cross-link button with hover effects

Browse Source
This commit is contained in:
MayaTheShy
2026-03-22 04:10:23 -04:00
parent 6d8ec7b013
commit 9b09a59eba
1 changed files with 25 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
client/src/App.css
View File

@@ -76,6 +76,31 @@
box-shadow: inset 0 2px 0 #6ab04c, inset 0 -2px 0 #2d6b1a; box-shadow: inset 0 2px 0 #6ab04c, inset 0 -2px 0 #2d6b1a;
} }
/* === Cross-link Button === */
.cross-link-btn {
display: flex;
align-items: center;
gap: 0.25rem;
padding: 0.5rem 1rem;
border: 2px solid #1a1a1a;
background: #2e4a8b;
color: #55ffff;
font-size: 0.875rem;
font-weight: 700;
font-family: 'Silkscreen', 'Courier New', monospace;
text-shadow: 1px 1px 0 #1a1a1a;
text-decoration: none;
cursor: pointer;
transition: all 0.1s;
box-shadow: inset 0 2px 0 #4466bb, inset 0 -2px 0 #1a2a66;
white-space: nowrap;
}
.cross-link-btn:hover {
background: #3e5a9b;
color: white;
}
.panel-content-wrapper { .panel-content-wrapper {
flex: 1; flex: 1;
overflow: hidden; overflow: hidden;