change id styling to class
This commit is contained in:
parent
5e3f2aaaad
commit
d48a4f062d
2 changed files with 7 additions and 7 deletions
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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);
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue