QT/sure
1
0
Fork 0
mirror of https://github.com/we-promise/sure.git synced 2026-04-19 03:54:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

CSV drag&drop styling fixes (#604)

Browse Source 
* CSV drop improvements

* FIX flex is fine
This commit is contained in:
soky srm
2026-01-10 22:02:28 +01:00
committed by GitHub
parent c3395ef06d
commit 5eb4ca29c3
1 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/views/imports/_drag_drop_overlay.html.erb
View File

@@ -1,7 +1,11 @@
<div data-drag-and-drop-import-target="overlay" class="fixed inset-0 bg-primary/20 backdrop-blur-sm z-50 hidden flex items-center justify-center pointer-events-none">
<div class="text-center p-8 bg-container rounded-xl shadow-2xl border-2 border-dashed border-primary animate-in fade-in zoom-in duration-200">
<%= icon("upload", size: "xl", class: "text-primary mb-4 mx-auto w-16 h-16") %>
<h3 class="text-2xl font-semibold text-primary mb-2"><%= title %></h3>
<p class="text-secondary text-base"><%= subtitle %></p>
<div data-drag-and-drop-import-target="overlay" class="fixed inset-0 bg-overlay backdrop-blur-sm z-50 hidden flex items-center justify-center pointer-events-none">
<div class="bg-container rounded-xl shadow-border-xs p-6 max-w-sm w-full mx-4 animate-in fade-in zoom-in duration-200">
<div class="flex flex-col items-center text-center">
<div class="w-12 h-12 rounded-full bg-indigo-500/10 flex items-center justify-center mb-4">
<%= icon("upload", class: "text-indigo-500 w-6 h-6") %>
</div>
<h3 class="text-lg font-medium text-primary mb-1"><%= title %></h3>
<p class="text-sm text-secondary"><%= subtitle %></p>
</div>
</div>
</div>
</div>