style: finales CSS-Finishing, inline styles zu CSS-Klassen

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Ferdinand
2026-04-02 10:40:25 +02:00
parent d9675f672d
commit 056d6c92a6
4 changed files with 42 additions and 7 deletions

View File

@@ -135,7 +135,7 @@ function makeSwatch(hsl) {
const hex = hslToHex(hsl);
const wrapper = document.createElement('div');
wrapper.style.cssText = 'display:inline-flex;flex-direction:column;align-items:center;gap:0.25rem';
wrapper.className = 'swatch-cell';
const swatch = document.createElement('div');
swatch.className = 'swatch';
@@ -167,7 +167,7 @@ export function renderSammlung() {
data.favoriten.forEach(hsl => {
const hex = hslToHex(hsl);
const cell = document.createElement('div');
cell.style.cssText = 'display:inline-flex;flex-direction:column;align-items:center;gap:0.25rem;margin:0.25rem';
cell.className = 'swatch-cell';
cell.appendChild(makeSwatch(hsl));
const del = document.createElement('button');
@@ -193,7 +193,7 @@ export function renderSammlung() {
} else {
data.history.forEach(hsl => {
const cell = document.createElement('div');
cell.style.cssText = 'display:inline-block;margin:0.25rem';
cell.className = 'swatch-cell';
cell.appendChild(makeSwatch(hsl));
histContainer.appendChild(cell);
});