mleku
facf03783f
- Deleted `index-zhtd763e.css` and `index-zqddcpy5.js` to streamline the build artifacts. - Simplified repository by removing unused generated files to maintain a clean structure.
113 lines
4.7 KiB
CSS
113 lines
4.7 KiB
CSS
/*
|
|
Local Tailwind CSS (minimal subset for this UI)
|
|
Note: This file includes just the utilities used by the app to keep size small.
|
|
You can replace this with a full Tailwind build if desired.
|
|
*/
|
|
|
|
/* Preflight-like resets (very minimal) */
|
|
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
|
|
html,body,#root{height:100%}
|
|
html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Noto Sans,\"Apple Color Emoji\",\"Segoe UI Emoji\"}
|
|
body{margin:0}
|
|
button,input{font:inherit;color:inherit}
|
|
img{display:block;max-width:100%;height:auto}
|
|
|
|
/* Layout */
|
|
.sticky{position:sticky}.relative{position:relative}.absolute{position:absolute}
|
|
.top-0{top:0}.left-0{left:0}.inset-0{top:0;right:0;bottom:0;left:0}
|
|
.z-50{z-index:50}.z-10{z-index:10}
|
|
.block{display:block}.flex{display:flex}
|
|
.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}
|
|
.flex-grow{flex-grow:1}.shrink-0{flex-shrink:0}
|
|
.overflow-hidden{overflow:hidden}
|
|
|
|
/* Sizing */
|
|
.w-full{width:100%}.w-auto{width:auto}.w-16{width:4rem}
|
|
.h-full{height:100%}.h-16{height:4rem}
|
|
.aspect-square{aspect-ratio:1/1}
|
|
.max-w-3xl{max-width:48rem}
|
|
|
|
/* Spacing */
|
|
.p-0{padding:0}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-6{padding:1.5rem}
|
|
.px-2{padding-left:.5rem;padding-right:.5rem}
|
|
.mr-0{margin-right:0}.mr-2{margin-right:.5rem}
|
|
.mt-2{margin-top:.5rem}.mt-5{margin-top:1.25rem}
|
|
.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}
|
|
.mx-auto{margin-left:auto;margin-right:auto}
|
|
|
|
/* Borders & Radius */
|
|
.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}
|
|
.border-0{border-width:0}.border-2{border-width:2px}
|
|
.border-white{border-color:#fff}
|
|
.border{border-width:1px}.border-gray-300{border-color:#d1d5db}.border-gray-600{border-color:#4b5563}
|
|
.border-red-500{border-color:#ef4444}.border-red-700{border-color:#b91c1c}
|
|
|
|
/* Colors / Backgrounds */
|
|
.bg-white{background-color:#fff}
|
|
.bg-gray-100{background-color:#f3f4f6}
|
|
.bg-gray-200{background-color:#e5e7eb}
|
|
.bg-gray-300{background-color:#d1d5db}
|
|
.bg-gray-600{background-color:#4b5563}
|
|
.bg-gray-700{background-color:#374151}
|
|
.bg-gray-800{background-color:#1f2937}
|
|
.bg-gray-900{background-color:#111827}
|
|
.bg-blue-500{background-color:#3b82f6}
|
|
.bg-blue-600{background-color:#2563eb}.hover\:bg-blue-700:hover{background-color:#1d4ed8}
|
|
.hover\:bg-blue-600:hover{background-color:#2563eb}
|
|
.bg-red-600{background-color:#dc2626}.hover\:bg-red-700:hover{background-color:#b91c1c}
|
|
.bg-cyan-100{background-color:#cffafe}
|
|
.bg-green-100{background-color:#d1fae5}
|
|
.bg-red-100{background-color:#fee2e2}
|
|
.bg-red-50{background-color:#fef2f2}
|
|
.bg-green-900{background-color:#064e3b}
|
|
.bg-red-900{background-color:#7f1d1d}
|
|
.bg-cyan-900{background-color:#164e63}
|
|
.bg-cover{background-size:cover}.bg-center{background-position:center}
|
|
.bg-transparent{background-color:transparent}
|
|
|
|
/* Text */
|
|
.text-left{text-align:left}
|
|
.text-white{color:#fff}
|
|
.text-gray-300{color:#d1d5db}
|
|
.text-gray-500{color:#6b7280}.hover\:text-gray-800:hover{color:#1f2937}
|
|
.hover\:text-gray-100:hover{color:#f3f4f6}
|
|
.text-gray-700{color:#374151}
|
|
.text-gray-800{color:#1f2937}
|
|
.text-gray-900{color:#111827}
|
|
.text-gray-100{color:#f3f4f6}
|
|
.text-green-800{color:#065f46}
|
|
.text-green-100{color:#dcfce7}
|
|
.text-red-800{color:#991b1b}
|
|
.text-red-200{color:#fecaca}
|
|
.text-red-100{color:#fee2e2}
|
|
.text-cyan-800{color:#155e75}
|
|
.text-cyan-100{color:#cffafe}
|
|
.text-base{font-size:1rem;line-height:1.5rem}
|
|
.text-lg{font-size:1.125rem;line-height:1.75rem}
|
|
.text-2xl{font-size:1.5rem;line-height:2rem}
|
|
.font-bold{font-weight:700}
|
|
|
|
/* Opacity */
|
|
.opacity-70{opacity:.7}
|
|
|
|
/* Effects */
|
|
.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1);box-shadow:var(--tw-shadow)}
|
|
|
|
/* Cursor */
|
|
.cursor-pointer{cursor:pointer}
|
|
|
|
/* Box model */
|
|
.box-border{box-sizing:border-box}
|
|
|
|
/* Utilities */
|
|
.hover\:bg-transparent:hover{background-color:transparent}
|
|
.hover\:bg-gray-200:hover{background-color:#e5e7eb}
|
|
.hover\:bg-gray-600:hover{background-color:#4b5563}
|
|
.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}
|
|
.focus\:ring-blue-200:focus{--tw-ring-color:rgba(191, 219, 254, var(--tw-ring-opacity))}
|
|
.focus\:ring-blue-500:focus{--tw-ring-color:rgba(59, 130, 246, var(--tw-ring-opacity))}
|
|
.disabled\:opacity-50:disabled{opacity:.5}
|
|
.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}
|
|
|
|
/* Height for avatar images in header already inherit from container */
|