style: finales CSS-Finishing, inline styles zu CSS-Klassen
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -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);
|
||||
});
|
||||
|
||||
@@ -27,7 +27,7 @@ function renderHarmony(label, colors, onSaveFavorit, onSaveSchema) {
|
||||
hexLabel.textContent = hex;
|
||||
|
||||
const btnRow = document.createElement('div');
|
||||
btnRow.style.cssText = 'display:flex;gap:0.25rem';
|
||||
btnRow.className = 'harmony-btn-row';
|
||||
|
||||
const favBtn = document.createElement('button');
|
||||
favBtn.className = 'action-btn';
|
||||
|
||||
Reference in New Issue
Block a user