Rename tier element class and remove buttons-container id

agatemosu · Jul 23, 2024 · d9719e4 · d9719e4
1 parent 6c613e5
commit d9719e4
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -262,7 +262,7 @@
 			</div>
 		</main>
 
-		<div id="buttons-container">
+		<div class="buttons-container">
 			<button class="button" type="button" onclick="addRow()">New tier</button>
 
 			<button class="button" type="button" onclick="selectImages()">

diff --git a/script.js b/script.js
@@ -190,7 +190,7 @@ function uploadImages(files) {
 		image.src = URL.createObjectURL(file);
 
 		const imageEl = document.createElement("div");
-		imageEl.classList.add("image");
+		imageEl.classList.add("tier-element");
 		imagesBar.appendChild(imageEl);
 
 		image.onload = () => {

diff --git a/styles/main.css b/styles/main.css
@@ -146,7 +146,7 @@ p {
 	filter: contrast(0%);
 }
 
-#buttons-container {
+.buttons-container {
 	border-bottom: 1px solid var(--buttons-color);
 	background-color: var(--buttons-bg);
 	text-align: center;
@@ -194,7 +194,7 @@ input[type="checkbox"]:checked + label::before {
 	background-color: var(--button-hover);
 }
 
-.image {
+.tier-element {
 	display: inline-flex;
 	vertical-align: top;
 	cursor: pointer;