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