@makolabs/ripple 0.0.1-dev.23 → 0.0.1-dev.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -70,8 +70,12 @@
|
|
|
70
70
|
<label
|
|
71
71
|
class={cn(
|
|
72
72
|
'group relative block rounded-[32px] border-2 border-dashed p-12 text-center transition-colors',
|
|
73
|
-
|
|
74
|
-
|
|
73
|
+
{
|
|
74
|
+
'border-primary-400 bg-primary-50': isDragging,
|
|
75
|
+
'border-default-200 bg-white': !isDragging,
|
|
76
|
+
'cursor-not-allowed opacity-50': disabled,
|
|
77
|
+
'hover:bg-default-50 cursor-pointer': !disabled
|
|
78
|
+
},
|
|
75
79
|
dropzoneClass
|
|
76
80
|
)}
|
|
77
81
|
ondragenter={handleDragEnter}
|
|
@@ -107,13 +111,13 @@
|
|
|
107
111
|
</div>
|
|
108
112
|
|
|
109
113
|
<!-- Upload Text -->
|
|
110
|
-
<div class="text-
|
|
114
|
+
<div class="text-sm">
|
|
111
115
|
<span class="text-primary-500 font-medium">Click here</span>
|
|
112
116
|
<span class="text-default-600"> to upload your file or drag and drop.</span>
|
|
113
117
|
</div>
|
|
114
118
|
|
|
115
119
|
<!-- File Type Info -->
|
|
116
|
-
<div class="text-default-500 text-
|
|
120
|
+
<div class="text-default-500 text-xs">
|
|
117
121
|
Supported Format: {allowedMimeTypes.length ? allowedMimeTypes.join(', ') : 'SVG, JPG, PNG'}
|
|
118
122
|
{#if maxSize}
|
|
119
123
|
({formatFileSize(maxSize)} each)
|