| |
|
|
| |
| .roger-loader { |
| width: 6px; |
| height: 25px; |
| border-radius: 4px; |
| display: block; |
| background-color: #22c55e; |
| margin: 0 auto; |
| position: relative; |
| animation: rogerAnimloader 0.3s 0.3s linear infinite alternate; |
| } |
|
|
| .roger-loader::after, |
| .roger-loader::before { |
| content: ''; |
| width: 6px; |
| height: 25px; |
| border-radius: 4px; |
| background: #22c55e; |
| position: absolute; |
| top: 50%; |
| transform: translateY(-50%); |
| left: 13px; |
| animation: rogerAnimloader 0.3s 0.45s linear infinite alternate; |
| } |
|
|
| .roger-loader::before { |
| left: -13px; |
| animation-delay: 0s; |
| } |
|
|
| @keyframes rogerAnimloader { |
| 0% { |
| height: 48px; |
| } |
|
|
| 100% { |
| height: 4px; |
| } |
| } |
|
|
| |
| .roger-scrollbar::-webkit-scrollbar { |
| width: 5px; |
| } |
|
|
| .roger-scrollbar::-webkit-scrollbar-track { |
| background: #1a1a1a; |
| border-radius: 4px; |
| } |
|
|
| .roger-scrollbar::-webkit-scrollbar-thumb { |
| background: #22c55e; |
| border-radius: 4px; |
| } |
|
|
| .roger-scrollbar::-webkit-scrollbar-thumb:hover { |
| background: #16a34a; |
| } |
|
|
| |
| .roger-scrollbar { |
| scrollbar-width: thin; |
| scrollbar-color: #22c55e #1a1a1a; |
| } |
|
|
| |
| .roger-markdown h1, |
| .roger-markdown h2, |
| .roger-markdown h3, |
| .roger-markdown h4 { |
| font-weight: 600; |
| margin-top: 0.75rem; |
| margin-bottom: 0.5rem; |
| } |
|
|
| .roger-markdown h1 { |
| font-size: 1.25rem; |
| } |
|
|
| .roger-markdown h2 { |
| font-size: 1.125rem; |
| } |
|
|
| .roger-markdown h3 { |
| font-size: 1rem; |
| } |
|
|
| .roger-markdown p { |
| margin-bottom: 0.5rem; |
| } |
|
|
| .roger-markdown ul, |
| .roger-markdown ol { |
| margin-left: 1.25rem; |
| margin-bottom: 0.5rem; |
| } |
|
|
| .roger-markdown li { |
| margin-bottom: 0.25rem; |
| } |
|
|
| .roger-markdown code { |
| background: #f3f4f6; |
| padding: 0.125rem 0.375rem; |
| border-radius: 4px; |
| font-size: 0.875rem; |
| font-family: ui-monospace, monospace; |
| } |
|
|
| .roger-markdown pre { |
| background: #1f2937; |
| color: #e5e7eb; |
| padding: 0.75rem; |
| border-radius: 6px; |
| overflow-x: auto; |
| margin: 0.5rem 0; |
| } |
|
|
| .roger-markdown pre code { |
| background: transparent; |
| color: inherit; |
| padding: 0; |
| } |
|
|
| .roger-markdown blockquote { |
| border-left: 3px solid #22c55e; |
| padding-left: 0.75rem; |
| margin: 0.5rem 0; |
| color: #6b7280; |
| font-style: italic; |
| } |
|
|
| .roger-markdown table { |
| width: 100%; |
| border-collapse: collapse; |
| margin: 0.5rem 0; |
| } |
|
|
| .roger-markdown th, |
| .roger-markdown td { |
| border: 1px solid #e5e7eb; |
| padding: 0.375rem 0.5rem; |
| font-size: 0.875rem; |
| } |
|
|
| .roger-markdown th { |
| background: #f9fafb; |
| font-weight: 600; |
| } |
|
|
| .roger-markdown a { |
| color: #22c55e; |
| text-decoration: underline; |
| } |
|
|
| .roger-markdown a:hover { |
| color: #16a34a; |
| } |
|
|
| .roger-markdown strong { |
| font-weight: 600; |
| } |
|
|
| .roger-markdown em { |
| font-style: italic; |
| } |
|
|
| |
| .hide-scrollbar { |
| -ms-overflow-style: none; |
| scrollbar-width: none; |
| } |
|
|
| .hide-scrollbar::-webkit-scrollbar { |
| display: none; |
| } |
|
|
| |
| @media (max-width: 640px) { |
|
|
| |
| .touch-manipulation { |
| touch-action: manipulation; |
| -webkit-tap-highlight-color: transparent; |
| user-select: none; |
| } |
|
|
| |
| .roger-markdown { |
| font-size: 15px; |
| line-height: 1.6; |
| } |
|
|
| |
| .roger-scrollbar { |
| -webkit-overflow-scrolling: touch; |
| } |
| } |
|
|
| |
| @supports (-webkit-touch-callout: none) { |
|
|
| textarea, |
| input { |
| font-size: 16px !important; |
| } |
| } |
