Spaces:
Running
Running
| /* Global Styles */ | |
| body { | |
| font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; | |
| } | |
| /* Full height layout */ | |
| .container { | |
| height: calc(100vh - 4rem); /* Account for padding */ | |
| } | |
| .flex-col { | |
| height: 100%; | |
| } | |
| .lg\\:w-1\\/3, .lg\\:w-2\\/3 { | |
| height: 100%; | |
| } | |
| .bg-gray-800 { | |
| height: 100%; | |
| display: flex; | |
| flex-direction: column; | |
| } | |
| .tab-content { | |
| flex: 1; | |
| min-height: 0; | |
| } | |
| textarea { | |
| height: 100% ; | |
| min-height: 0; | |
| } | |
| /* Tab Styles */ | |
| .tab-content { | |
| display: none; | |
| } | |
| .tab-content.active { | |
| display: block; | |
| } | |
| /* Custom Scrollbar */ | |
| ::-webkit-scrollbar { | |
| width: 8px; | |
| height: 8px; | |
| } | |
| ::-webkit-scrollbar-track { | |
| background: #374151; | |
| border-radius: 4px; | |
| } | |
| ::-webkit-scrollbar-thumb { | |
| background: #6366f1; | |
| border-radius: 4px; | |
| } | |
| ::-webkit-scrollbar-thumb:hover { | |
| background: #818cf8; | |
| } | |
| /* Button Styles */ | |
| .bg-green-500 { | |
| background-color: #10b981; | |
| } | |
| .bg-green-500:hover { | |
| background-color: #059669; | |
| } | |
| .tab-btn { | |
| white-space: nowrap; | |
| } | |
| /* Animation */ | |
| >@keyframes fadeIn { | |
| from { opacity: 0; transform: translateY(10px); } | |
| to { opacity: 1; transform: translateY(0); } | |
| } | |
| .input-group { | |
| animation: fadeIn 0.3s ease-out; | |
| } | |
| /* Preview content styles */ | |
| .preview-content { | |
| line-height: 1.6; | |
| } | |
| .preview-content h1, .preview-content h2, .preview-content h3 { | |
| color: #e5e7eb; | |
| margin-top: 1em; | |
| margin-bottom: 0.5em; | |
| } | |
| .preview-content p { | |
| margin-bottom: 1em; | |
| } | |
| .preview-content ul, .preview-content ol { | |
| padding-left: 1.5em; | |
| margin-bottom: 1em; | |
| } | |
| .preview-content li { | |
| margin-bottom: 0.5em; | |
| } | |
| pre { | |
| background: #1e293b ; | |
| padding: 1rem; | |
| border-radius: 0.5rem; | |
| overflow-x: auto; | |
| margin: 0; | |
| } | |
| .hljs { | |
| background: transparent ; | |
| } | |