kristoferssolo/cipher-workshop
1
0
Fork 0
mirror of https://github.com/kristoferssolo/cipher-workshop.git synced 2026-02-04 06:42:11 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(web): add AES-CBC page with file encryption support

Browse Source
This commit is contained in:
Kristofers Solo
2025-12-31 05:39:45 +02:00
parent c208ce2e81
commit 651651780f
6 changed files with 317 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
web/style/main.scss
View File

@@ -775,6 +775,12 @@ main {
border-color: var(--primary);
background: var(--bg-highlight);
}
&.dragging {
border-color: var(--accent);
background: var(--bg-highlight);
box-shadow: 0 0 0 3px var(--focus-ring);
}
}
.file-placeholder {
@@ -795,6 +801,10 @@ main {
flex-direction: column;
align-items: center;
gap: 4px;
position: relative;
width: 100%;
padding: 0 40px;
box-sizing: border-box;
.file-icon {
font-size: 1.5rem;
@@ -812,10 +822,33 @@ main {
font-size: 0.85rem;
color: var(--text-muted);
}
.btn-clear-file {
position: absolute;
right: 8px;
background: var(--bg-input);
border: 1px solid var(--border);
color: var(--error);
width: 24px;
height: 24px;
border-radius: 4px;
cursor: pointer;
font-size: 0.8rem;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s;
&:hover {
background: var(--error);
color: var(--bg-body);
border-color: var(--error);
}
}
}
}
// Result actions
.result-actions {
display: flex;
gap: 8px;