175 lines
3.4 KiB
CSS
175 lines
3.4 KiB
CSS
/*
|
|
/public/custom.css
|
|
|
|
1. changed welcome screen (text, logo, composer, starters, button, textarea)
|
|
2. changed navbar (theme, readme, profiles desc)
|
|
*/
|
|
|
|
|
|
|
|
/* WELCOME SCREEN */
|
|
#welcome-screen div[role="article"] {
|
|
font-size: 0;
|
|
line-height: 0;
|
|
height: 0;
|
|
position: relative;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
#welcome-screen div[role="article"]::after {
|
|
content: "Legal AI Assistant";
|
|
font-weight: bold;
|
|
font-size: 24px;
|
|
color: white;
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
|
|
#welcome-screen img.h-16.w-16.rounded-full {
|
|
display: none;
|
|
}
|
|
|
|
#welcome-screen .flex-col.gap-2.mb-2.items-center::before {
|
|
content: "";
|
|
display: block;
|
|
width: 256px;
|
|
height: 256px;
|
|
background-image: url("/public/logo_dark.png");
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
margin: 0 auto;
|
|
filter: drop-shadow(0 0 2px #3D9FE0) drop-shadow(0 0 4px #3D9FE0);
|
|
}
|
|
|
|
#message-composer {
|
|
align-items: flex-end;
|
|
padding: 12px;
|
|
border-radius: 14px;
|
|
margin: 0 auto;
|
|
order: 2;
|
|
}
|
|
|
|
/* CHAT SUBMIT (BUTTON) */
|
|
#message-composer #chat-submit svg {
|
|
display: none;
|
|
}
|
|
|
|
#message-composer #chat-submit {
|
|
background-image: url("/public/icons/input-icon.svg");
|
|
background-size: 20px;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
border-radius: 10px;
|
|
align-self: flex-end;
|
|
}
|
|
|
|
#message-composer #stop-button {
|
|
border-radius: 10px;
|
|
}
|
|
|
|
/* HEADERS */
|
|
#header #theme-toggle {
|
|
display: none;
|
|
}
|
|
|
|
#header #readme-button span{
|
|
display: none;
|
|
}
|
|
|
|
#header #readme-button::after{
|
|
content: "About \1F6C8";
|
|
font-size: 18px;
|
|
}
|
|
|
|
#chat-profile-description {
|
|
display: none;
|
|
}
|
|
|
|
|
|
/* STARTERS */
|
|
#welcome-screen #starters {
|
|
order: 1 !important;
|
|
display: grid;
|
|
grid-template-columns: repeat(4, 1fr);
|
|
}
|
|
|
|
#welcome-screen #starters button {
|
|
height: auto !important;
|
|
white-space: normal !important;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
text-align: left;
|
|
border-radius: 0.75rem;
|
|
}
|
|
|
|
#welcome-screen #starters button img {
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
#welcome-screen #starters p {
|
|
white-space: normal;
|
|
overflow: visible;
|
|
text-overflow: unset;
|
|
}
|
|
|
|
|
|
/*MATERMARKS*/
|
|
.watermark div{
|
|
display: none;
|
|
}
|
|
|
|
/* AI AVATAR*/
|
|
img[alt="Avatar for Legal AI Assistant"] {
|
|
content: url("/public/logo_dark.png");
|
|
}
|
|
|
|
/* USER MESSAGES */
|
|
div[data-step-type="user_message"] .rounded-3xl {
|
|
border-radius: 14px;
|
|
}
|
|
|
|
/*COPY TOOLTIP*/
|
|
div[data-state="delayed-open"].bg-popover,
|
|
div[data-state="instant-open"].bg-popover,
|
|
div[data-state="closed"].bg-popover {
|
|
display: none !important;
|
|
}
|
|
|
|
/* THINKING MESSAGE */
|
|
.ai-message.animate-pulse {
|
|
display: none;
|
|
}
|
|
|
|
div[data-step-type="run"] img {
|
|
display: none;
|
|
}
|
|
|
|
.animate-pulse.bg-muted {
|
|
display: none;
|
|
}
|
|
|
|
/* MESSANGE CONTENT */
|
|
|
|
/* Hide like/dislike buttons */
|
|
button[data-state="closed"].positive-feedback-off,
|
|
button[data-state="closed"].negative-feedback-off {
|
|
display: none;
|
|
}
|
|
|
|
/* AUTH RIGHT SECTION */
|
|
div.relative.hidden.bg-muted.lg\:block.overflow-hidden {
|
|
background-color: hsl(0, 0%, 13%) !important;
|
|
}
|
|
|
|
div.relative.hidden.bg-muted.lg\:block.overflow-hidden img {
|
|
filter: none !important;
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
img.absolute.inset-0.h-full.w-full.object-cover {
|
|
filter: none !important;
|
|
--tw-grayscale: grayscale(0%) !important;
|
|
--tw-brightness: brightness(1) !important;
|
|
} |