{"html":"

\n \n \n \n \n \n \n \n \n \n \n Dashboard\n \n \n \n \n \n \n \n \n \n \n \n Settings\n \n \n \n \n \n \n \n \n \n \n \n \n Logout\n \n \n

\n","css":".flex{display:flex}.size-6{width:1.5rem;height:1.5rem}.size-full{width:100%;height:100%}.w-72{width:18rem}.w-full{width:100%}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.gap-2{gap:0.5rem}.gap-4{gap:1rem}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-md{border-radius:0.375rem}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.from-purple-400{--tw-gradient-from:#c084fc var(--tw-gradient-from-position);--tw-gradient-to:rgb(192 132 252 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.to-purple-600{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.bg-cover{background-size:cover}.p-4{padding:1rem}.p-5{padding:1.25rem}.font-semibold{font-weight:600}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity))}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-purple-200\\/50{--tw-shadow-color:rgb(233 213 255 / 0.5);--tw-shadow:var(--tw-shadow-colored)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.ease-linear{transition-timing-function:linear}.hover\\:bg-purple-100:hover{--tw-bg-opacity:1;background-color:rgb(243 232 255 / var(--tw-bg-opacity))}.hover\\:shadow-inner:hover{--tw-shadow:inset 0 2px 4px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.focus\\:bg-gradient-to-r:focus{background-image:linear-gradient(to right, var(--tw-gradient-stops))}.focus\\:text-white:focus{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.group:focus .group-focus\\:fill-white{fill:#fff}.group:focus .group-focus\\:stroke-white{stroke:#fff}"}

afraid-panther-70

👁 实时预览

📝 源代码