55ac8c7791
* redo Settings modal UI * add python code interpreter * fix auto scroll * build * fix overflow for long output lines * bring back sticky copy button * adapt layout on mobile view * fix multiple lines output and color scheme * handle python exception * better state management * add webworker * add headers * format code * speed up by loading pyodide on page load * (small tweak) add small animation to make it feels like claude
73 lines
1.3 KiB
SCSS
73 lines
1.3 KiB
SCSS
@use 'sass:meta';
|
|
|
|
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
.markdown {
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
ul,
|
|
ol,
|
|
li {
|
|
all: revert;
|
|
}
|
|
pre {
|
|
@apply whitespace-pre-wrap rounded-lg p-2;
|
|
border: 1px solid currentColor;
|
|
}
|
|
p {
|
|
@apply mb-2;
|
|
}
|
|
/* TODO: fix markdown table */
|
|
}
|
|
|
|
.show-on-hover {
|
|
@apply md:opacity-0 md:group-hover:opacity-100;
|
|
}
|
|
.btn-mini {
|
|
@apply cursor-pointer hover:shadow-md;
|
|
}
|
|
.chat-screen {
|
|
max-width: 900px;
|
|
}
|
|
|
|
.chat-bubble-base-300 {
|
|
--tw-bg-opacity: 1;
|
|
--tw-text-opacity: 1;
|
|
@apply bg-base-300 text-base-content;
|
|
}
|
|
|
|
/* Highlight.js */
|
|
[data-color-scheme='light'] {
|
|
@include meta.load-css('highlight.js/styles/stackoverflow-light');
|
|
.dark-color {
|
|
@apply bg-base-content text-base-100;
|
|
}
|
|
}
|
|
[data-color-scheme='dark'] {
|
|
@include meta.load-css('highlight.js/styles/stackoverflow-dark');
|
|
}
|
|
[data-color-scheme='auto'] {
|
|
@media (prefers-color-scheme: light) {
|
|
@include meta.load-css('highlight.js/styles/stackoverflow-light');
|
|
.dark-color {
|
|
@apply bg-base-content text-base-100;
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
@include meta.load-css('highlight.js/styles/stackoverflow-dark');
|
|
}
|
|
}
|
|
.hljs {
|
|
background: transparent !important;
|
|
padding: 0.5em !important;
|
|
}
|
|
|
|
.katex-display {
|
|
margin: 0 0 !important;
|
|
}
|