d8dfun/claude-code-chat
1
0
Fork 0
mirror of https://github.com/andrepimenta/claude-code-chat.git synced 2025-12-17 13:59:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Show WSL alert for windows users

Browse Source
This commit is contained in:
andrepimenta
2025-06-24 01:59:24 +01:00
parent 4bab912554
commit cd2b563be4
3 changed files with 152 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
src/ui-styles.ts
View File

@@ -83,6 +83,74 @@ const styles = `
opacity: 1;
}
/* WSL Alert */
.wsl-alert {
margin: 8px 12px;
background-color: rgba(135, 206, 235, 0.1);
border: 2px solid rgba(135, 206, 235, 0.3);
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(4px);
animation: slideUp 0.3s ease;
}
@keyframes slideUp {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.wsl-alert-content {
display: flex;
align-items: center;
padding: 14px 18px;
gap: 14px;
}
.wsl-alert-icon {
font-size: 22px;
flex-shrink: 0;
}
.wsl-alert-text {
flex: 1;
font-size: 13px;
line-height: 1.4;
color: var(--vscode-foreground);
}
.wsl-alert-text strong {
font-weight: 600;
color: var(--vscode-foreground);
}
.wsl-alert-actions {
display: flex;
gap: 10px;
flex-shrink: 0;
}
.wsl-alert-actions .btn {
padding: 6px 14px;
font-size: 12px;
border-radius: 6px;
}
.wsl-alert-actions .btn:first-child {
background-color: rgba(135, 206, 235, 0.2);
border-color: rgba(135, 206, 235, 0.4);
}
.wsl-alert-actions .btn:first-child:hover {
background-color: rgba(135, 206, 235, 0.3);
border-color: rgba(135, 206, 235, 0.6);
}
.chat-container {
flex: 1;
display: flex;