init
This commit is contained in:
+29
-4
@@ -503,6 +503,7 @@ a:hover {
|
||||
上传区域
|
||||
================================ */
|
||||
.upload-zone {
|
||||
display: block;
|
||||
border: 2px dashed var(--border-default);
|
||||
border-radius: var(--radius-xl);
|
||||
padding: var(--space-10);
|
||||
@@ -510,16 +511,40 @@ a:hover {
|
||||
transition: all var(--duration-normal) var(--ease-default);
|
||||
cursor: pointer;
|
||||
background: var(--bg-secondary);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.upload-zone::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: var(--primary-50);
|
||||
opacity: 0;
|
||||
transition: opacity var(--duration-normal) var(--ease-default);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.upload-zone:hover {
|
||||
border-color: var(--primary-400);
|
||||
}
|
||||
|
||||
.upload-zone:hover::before {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.upload-zone:hover,
|
||||
.upload-zone.drag-over {
|
||||
border-color: var(--primary-400);
|
||||
background: var(--primary-50);
|
||||
transform: scale(1.01);
|
||||
}
|
||||
|
||||
.upload-zone.drag-over {
|
||||
transform: scale(1.02);
|
||||
.upload-zone.drag-over::before {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.upload-zone > * {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.upload-icon {
|
||||
|
||||
Reference in New Issue
Block a user