Files
librechat.ai/components/Newsletter/newsletterform.module.css
Danny Avila 113249efca 🪄 refactor: UI Refresh & Agents/Code Interpreter Docs (#174)
*  feat: update home page layout and add usage statistics components

* 🔃 chore: clean up eslint-module-utils dependency entries in pnpm-lock.yaml

*  feat: a lot of things

*  feat: UI adjustements

*  feat: improve author card links, update background colors, and enhance layout responsiveness

* chore: update bun

*  feat: update GitHub stars and Docker pulls statistics

*  feat: update demo link to new preview URL

*  feat: update features section with new Code Interpreter and adjust layout

*  feat: add emoji to Quick Start title for enhanced visibility

* refactor: move user guides to features section

*  feat: add emojis to installation and user guides for improved clarity

*  feat: update Hero component title and description for clarity and enhance demo link

* feat: agents page

*  feat: update agents documentation to clarify built-in tools and mention future integrations

*  feat: add Code Interpreter API documentation and update agents metadata

*  feat: add Code Interpreter page metadata and integrate sparkles effect in Hero component

* chore: comment out NewsletterForm component in Home page

* style: code interpreter gif for features box

* fix: update Agents link to point to the correct features documentation

* fix: pnpm lockfile

* docs: API key notes for code interpreter api

* refactor: improve MobileSwitch component with TypeScript types and null check

* chore: types, packages

* chore: update ESLint configuration and add linting step to CI workflow
fix: update rotate prop type in Card component to accept number or string

* docs: add section on intellectual property protection for Code Interpreter

* docs: refine agents customization features in documentation

* style: hero page

---------

Co-authored-by: Marco Beretta <81851188+berry-13@users.noreply.github.com>
2024-12-07 12:42:17 -05:00

75 lines
1.2 KiB
CSS

.container {
text-align: center;
}
.form-wrapper {
max-width: 400px;
margin: 0 auto;
border-radius: 10px;
overflow: hidden;
background-color: #f1f1f1;
}
:global(.dark) .form-wrapper {
background-color: #111111;
}
.form-title {
padding: 15px;
color: #454545;
}
:global(.dark) .form-title {
color: #9b9b9b;
}
.form-container {
padding: 20px;
}
.email-input {
padding: 8px;
/* border: 1px solid #3e3e3e; */
border-radius: 5px;
margin-bottom: 10px;
width: 100%;
background-color: #fff;
}
.email-input::placeholder {
color: #5a5a5a;
}
.email-input::placeholder {
color: #5a5a5a;
}
:global(.dark) .email-input {
background-color: #29292a;
}
.subscribe-button {
padding: 8px 16px;
background: linear-gradient(-45deg, #ffa63d, #ff3d77, #338aff, #3cf0c5);
background-size: 600%;
animation: anime 16s linear infinite;
color: rgba(255, 255, 255, 0.9);
border: none;
border-radius: 5px;
cursor: pointer;
width: 100%;
}
.subscribe-button:hover {
filter: brightness(110%);
}
@keyframes anime {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}