update design
This commit is contained in:
Binary file not shown.
|
Before Width: | Height: | Size: 2.4 KiB |
+2
-4
@@ -1,7 +1,3 @@
|
||||
alert('با توجه به اینکه فیگما روی برکپوینت 1440 طراحی شده . برای مشاهده دقیق به صورت فیگما رزولوشن مرورگر رو روی 1440 تنظیم کنید ')
|
||||
|
||||
|
||||
|
||||
let flagBox = document.querySelector('.js-do-flag')
|
||||
if (flagBox) {
|
||||
flagBox.querySelectorAll('select option').forEach(item => {
|
||||
@@ -15,6 +11,8 @@ if (flagBox) {
|
||||
})
|
||||
if (item.selected) {
|
||||
let selectedFlag = item.getAttribute('data-flag');
|
||||
console.log(selectedFlag);
|
||||
|
||||
flagBox.querySelector(`.flag img.${selectedFlag}`).classList.remove('d-none')
|
||||
}
|
||||
})
|
||||
|
||||
+1
-3
@@ -23,12 +23,10 @@
|
||||
</div>
|
||||
<div class="select-box js-do-flag">
|
||||
<select name="" id="">
|
||||
<option value="" data-flag="en">English</option>
|
||||
<option selected value="" data-flag="fa">Persian</option>
|
||||
<option value="" selected data-flag="en">English</option>
|
||||
</select>
|
||||
<div class="flag">
|
||||
<img class="en d-none" src="./assets/image/en-flag.png" alt="">
|
||||
<img class="fa d-none" src="./assets/image/fa-flag.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -24,11 +24,9 @@
|
||||
<div class="select-box js-do-flag">
|
||||
<select name="" id="">
|
||||
<option value="" data-flag="en">English</option>
|
||||
<option selected value="" data-flag="fa">Persian</option>
|
||||
</select>
|
||||
<div class="flag">
|
||||
<img class="en d-none" src="./assets/image/en-flag.png" alt="">
|
||||
<img class="fa d-none" src="./assets/image/fa-flag.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user