change id styling to class

This commit is contained in:
counterweight 2025-04-05 12:51:42 +02:00
parent 5e3f2aaaad
commit d48a4f062d
Signed by: counterweight
GPG key ID: 883EDBAA726BD96C
2 changed files with 7 additions and 7 deletions

View file

@ -267,13 +267,13 @@
display: flex; display: flex;
} }
#premium-value { .premium-value {
border: 1px solid gray; border: 1px solid gray;
width: 50%; width: 50%;
align-content: center; align-content: center;
} }
#premium-buttons-container { .premium-buttons-container {
width: 50%; width: 50%;
} }
@ -289,11 +289,11 @@
background: #fff8ce; background: #fff8ce;
} }
#button-increase-premium { .button-increase-premium {
border-top-right-radius: 10px; border-top-right-radius: 10px;
} }
#button-decrease-premium { .button-decrease-premium {
border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;
} }

View file

@ -14,7 +14,7 @@ class PremiumSelector {
premiumSelectorArea.classList = 'premium-selector-area'; premiumSelectorArea.classList = 'premium-selector-area';
const premiumValue = document.createElement('div'); const premiumValue = document.createElement('div');
premiumValue.id = 'premium-value'; premiumValue.className = 'premium-value';
premiumValue.textContent = '0%'; premiumValue.textContent = '0%';
this.premiumValue = premiumValue; this.premiumValue = premiumValue;
@ -23,12 +23,12 @@ class PremiumSelector {
const increaseButton = document.createElement('button'); const increaseButton = document.createElement('button');
increaseButton.classList.add('premium-button'); increaseButton.classList.add('premium-button');
increaseButton.id = 'button-increase-premium'; increaseButton.classList.add('button-increase-premium');
increaseButton.textContent = '+'; increaseButton.textContent = '+';
const decreaseButton = document.createElement('button'); const decreaseButton = document.createElement('button');
decreaseButton.classList.add('premium-button'); decreaseButton.classList.add('premium-button');
decreaseButton.id = 'button-decrease-premium'; decreaseButton.classList.add('button-decrease-premium');
decreaseButton.textContent = '-'; decreaseButton.textContent = '-';
premiumButtonsContainer.appendChild(increaseButton); premiumButtonsContainer.appendChild(increaseButton);