lfg2025/archy
1
0
Fork 0
Code Issues 24 Pull Requests 4 Actions Packages Projects Releases 73 Wiki Activity

feat(chat): enhance chat functionality with song integration and UI improvements

Browse Source 
- Updated ChatHeader and ChatMessage components to support song selection and display.
- Enhanced useContentPanel to handle both film and song content, allowing for richer interactions.
- Improved FilmCard and added SongCard components for better media representation.
- Refactored environment variables for better configuration management.
- Updated .gitignore to include development chat history.

Made-with: Cursor
This commit is contained in:
Dorian
2026-03-02 18:16:04 +00:00
parent 6f79f0860d
commit 80aeefa4bf
27 changed files with 1751 additions and 143 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/app/src/styles/main.css
+71
View File
@@ -354,6 +354,77 @@ input:focus-visible {
50% { opacity: 1; }
}
/* ===== POSTER CARD — Indeehub-style gradient border ===== */
.poster-card {
margin: 2px;
padding: 2px;
border-radius: 0.75rem;
background: linear-gradient(127deg, var(--color-accent) 0%, var(--color-info) 100%);
transition: margin 0.2s ease, padding 0.2s ease;
}
.poster-card:hover {
margin: 0;
padding: 4px;
}
.light .poster-card {
background: linear-gradient(127deg, rgba(247, 147, 26, 0.4) 0%, rgba(59, 130, 246, 0.35) 100%);
}
.poster-card-sm {
margin: 1px;
padding: 1px;
border-radius: 0.5rem;
background: linear-gradient(127deg, var(--color-accent) 0%, var(--color-info) 100%);
transition: margin 0.2s ease, padding 0.2s ease;
}
.poster-card-sm:hover {
margin: 0;
padding: 2px;
}
.light .poster-card-sm {
background: linear-gradient(127deg, rgba(247, 147, 26, 0.35) 0%, rgba(59, 130, 246, 0.3) 100%);
}
/* Cover card — same as poster-card, for square album art */
.cover-card {
margin: 2px;
padding: 2px;
border-radius: 0.75rem;
background: linear-gradient(127deg, var(--color-accent) 0%, var(--color-info) 100%);
transition: margin 0.2s ease, padding 0.2s ease;
}
.cover-card:hover {
margin: 0;
padding: 4px;
}
.light .cover-card {
background: linear-gradient(127deg, rgba(247, 147, 26, 0.4) 0%, rgba(59, 130, 246, 0.35) 100%);
}
.cover-card-sm {
margin: 1px;
padding: 1px;
border-radius: 0.5rem;
background: linear-gradient(127deg, var(--color-accent) 0%, var(--color-info) 100%);
transition: margin 0.2s ease, padding 0.2s ease;
}
.cover-card-sm:hover {
margin: 0;
padding: 2px;
}
.light .cover-card-sm {
background: linear-gradient(127deg, rgba(247, 147, 26, 0.35) 0%, rgba(59, 130, 246, 0.3) 100%);
}
.animate-fade-up {
animation: fadeUpIn 900ms cubic-bezier(0.22, 1, 0.36, 1) 120ms both;
}