Spaces:
Running
Running
File size: 1,900 Bytes
07280d0 3ae84ae 493e6f2 3ae84ae 493e6f2 b25a91d 07280d0 b25a91d 07280d0 b25a91d 07280d0 b25a91d 07280d0 b25a91d 07280d0 b25a91d 07280d0 4382eea 07280d0 4382eea c57b456 4382eea 79f7e0d 07280d0 4382eea 3ae84ae 493e6f2 3ae84ae 493e6f2 3ae84ae 1447a4b 3ae84ae 7e5eaed 3ae84ae 1447a4b 3ae84ae 9aa39c6 3ae84ae 282d72a | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 |
/* 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% !important;
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 !important;
padding: 1rem;
border-radius: 0.5rem;
overflow-x: auto;
margin: 0;
}
.hljs {
background: transparent !important;
}
|