admtracksteel/camila
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Estudio Musical para criacao de cantigas personalizadas

Browse Source
This commit is contained in:
admtracksteel
2026-06-03 11:21:23 +00:00
parent 6a1c89bb33
commit 22f34b2e35
5 changed files with 481 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/style.css
+44
View File
@@ -3083,3 +3083,47 @@ code {
color: var(--brand-green, #10a37f);
font-weight: 600;
}
/* ==========================================================================
ESTÚDIO MUSICAL
========================================================================== */
.btn-music-option, .btn-music-rhythm, .btn-music-duration {
background-color: var(--bg-secondary);
border: 1px solid var(--border-light);
color: var(--text-secondary);
border-radius: 8px;
padding: 10px;
font-size: 0.85rem;
font-weight: 500;
cursor: pointer;
transition: all var(--transition-fast) ease;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
}
.btn-music-option:hover, .btn-music-rhythm:hover, .btn-music-duration:hover {
background-color: var(--bg-tertiary);
color: var(--text-primary);
border-color: rgba(168, 85, 247, 0.5);
transform: translateY(-1px);
}
.btn-music-option.active, .btn-music-rhythm.active, .btn-music-duration.active {
background-color: rgba(168, 85, 247, 0.15);
border-color: #a855f7;
color: #c084fc;
font-weight: 600;
box-shadow: 0 0 8px rgba(168, 85, 247, 0.2);
}
/* Customização para botões de tags ativos no estúdio */
.btn-music-duration.active {
background-color: rgba(16, 163, 127, 0.15);
border-color: var(--brand-green);
color: var(--brand-green);
box-shadow: 0 0 8px rgba(16, 163, 127, 0.2);
}