Initial Ladill Mini app — trader payment QRs without styling.

Lean control center at mini.ladill.com: payment QR CRUD, Paystack checkout with 5% fee settlement via Billing API, payments feed, and payouts. QR codes use a fixed black-and-white preset only. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-07 18:43:39 +00:00
commit db66d99895
264 changed files with 35027 additions and 0 deletions
@@ -0,0 +1,78 @@
+@import 'tailwindcss';
+@plugin '@tailwindcss/forms';
+
+@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
+@source '../../storage/framework/views/*.php';
+@source '../**/*.blade.php';
+@source '../**/*.js';
+
+@theme {
+    --font-sans: 'Figtree', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+        'Segoe UI Symbol', 'Noto Color Emoji';
+}
+
+[x-cloak] {
+    display: none !important;
+}
+
+/* QR create/show: flush mobile action bar to the physical screen bottom (mobile only) */
+@media (max-width: 1023px) {
+    .mobile-action-bar {
+        position: fixed;
+        inset-inline: 0;
+        bottom: 0;
+        z-index: 50;
+        display: flex;
+        flex-direction: column;
+        background-color: #fff;
+    }
+
+    .mobile-action-bar__toolbar {
+        display: flex;
+        height: 4rem;
+        flex-shrink: 0;
+        align-items: center;
+        gap: 0.75rem;
+        border-top: 1px solid rgb(226 232 240);
+        background-color: #fff;
+        padding-inline: 1rem;
+    }
+
+    .mobile-action-bar__inset-fill {
+        flex-shrink: 0;
+        width: 100%;
+        background-color: #fff;
+        height: env(safe-area-inset-bottom, 0px);
+        min-height: max(env(safe-area-inset-bottom, 0px), 20px);
+    }
+}
+
+/* Extra white bleed behind the bar for any remaining viewport gap on mobile */
+.qr-mobile-bottom-bleed {
+    position: fixed;
+    inset-inline: 0;
+    bottom: 0;
+    z-index: 48;
+    pointer-events: none;
+    background-color: #fff;
+    height: calc(4rem + env(safe-area-inset-bottom, 0px) + 24px);
+    min-height: calc(4rem + 24px);
+}
+
+html.qr-mobile-page {
+    background-color: #fff;
+}
+
+html.qr-mobile-page body {
+    background-color: #fff;
+}
+
+.mobile-stats-card {
+    width: calc(66.666667% - 0.5rem);
+}
+
+@media (min-width: 640px) {
+    .mobile-stats-card {
+        width: auto;
+    }
+}