wip calculator
This commit is contained in:
1 parent
3d3748c353
commit
217636b564
14 files changed
+146
-230
No files matched your search
@@ -233,47 +233,4 @@ less padding in table
|
||||
@apply bg-gray-100 dark:bg-gray-600/30 drop-shadow
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* 1. Das Element, das am Mauszeiger klebt (Der Mirror) */
|
||||
.gu-mirror {
|
||||
position: fixed !important;
|
||||
margin: 0 !important;
|
||||
z-index: 9999 !important;
|
||||
opacity: 0.95 !important;
|
||||
pointer-events: none;
|
||||
/* Verhindert, dass der Klon Maus-Events blockiert */
|
||||
|
||||
/* Styling für den Klon (Hell-Modus) */
|
||||
background-color: rgb(255, 255, 255) !important;
|
||||
border: 1px solid rgb(226, 232, 240) !important;
|
||||
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
|
||||
border-radius: 0.5rem !important;
|
||||
transform: rotate(3deg);
|
||||
/* Optionale leichte Drehung für einen dynamischen Look */
|
||||
transition: transform 0.15s ease;
|
||||
}
|
||||
|
||||
/* Dark Mode Anpassung für den Mirror (Wichtig in Filament!) */
|
||||
.dark .gu-mirror {
|
||||
background-color: rgb(31, 41, 55) !important;
|
||||
border-color: rgb(55, 65, 81) !important;
|
||||
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5) !important;
|
||||
}
|
||||
|
||||
/* 2. Der „Schatten“ am ursprünglichen Platz (Transit-Element) */
|
||||
.gu-transit {
|
||||
opacity: 0.3 !important;
|
||||
border: 2px dashed rgb(99, 102, 241) !important;
|
||||
/* Indigo-farbener gestrichelter Rahmen */
|
||||
background-color: rgba(99, 102, 241, 0.05) !important;
|
||||
}
|
||||
|
||||
.dark .gu-transit {
|
||||
background-color: rgba(99, 102, 241, 0.1) !important;
|
||||
}
|
||||
|
||||
/* 3. Sicherstellen, dass die Dropzones Platz für das Element bieten */
|
||||
/* .drag-box {
|
||||
@apply flex flex-col gap-0 bg-gray-100/50 border-2 border-dashed border-gray-300 rounded-xl text-xs p-0;
|
||||
} */
|
||||
}
|
||||
Reference in new issue
Block a user