feat: Update UI

This commit is contained in:
2026-02-21 01:50:59 +03:00
parent a53b200c21
commit 07a9703a89
3 changed files with 132 additions and 30 deletions
+31 -16
View File
@@ -84,16 +84,21 @@
x-text='formatDate(userNow)'></time>
</p>
<p>
<span class='salath-name'
lang='tr'
x-text='todayTimes.currentSalath.name("tr")'></span>
<span class='salath-name'
lang='de'
x-text='todayTimes.currentSalath.name("de")'></span>
<span class='salath-name text--arabic'
lang='ar'
x-text='todayTimes.currentSalath.name("ar")'></span>
</p>
<div class='salath-name-group salath-name-group--center'>
<span class='salath-name salath-name--primary'
:class="{'text--arabic': salathNameDisplay(todayTimes.currentSalath.salath).primary.lang === 'ar'}"
:lang='salathNameDisplay(todayTimes.currentSalath.salath).primary.lang'
x-text='salathNameDisplay(todayTimes.currentSalath.salath).primary.text'></span>
<div class="salath-name-alternatives">
<template x-for='item in salathNameDisplay(todayTimes.currentSalath.salath).secondary'
:key='item.lang'>
<span class='salath-name salath-name--secondary'
:class="{'text--arabic': item.lang === 'ar'}"
:lang='item.lang'
x-text='item.text'></span>
</template>
</div>
</div>
<p>
<time :datetime='todayTimes.nextSalath.startsAt'
class='text--numeric text--time'
@@ -110,12 +115,22 @@
<tr class='salath'
:class='{current: it.salath === todayTimes.currentSalath.salath}'>
<td class='cell-names'>
<span class='salath-name'
x-text='it.name("tr")'></span>
<span class='salath-name'
x-text='it.name("de")'></span>
<span class='salath-name text--arabic'
x-text='it.name("ar")'></span>
<div class='salath-name-group'>
<span class='salath-name salath-name--primary'
:class="{'text--arabic': salathNameDisplay(it.salath).primary.lang === 'ar'}"
:lang='salathNameDisplay(it.salath).primary.lang'
x-text='salathNameDisplay(it.salath).primary.text'></span>
<div class="salath-name-alternatives">
<template x-for='item in salathNameDisplay(it.salath).secondary'
:key='item.lang'>
<span class='salath-name salath-name--secondary'
:class="{'text--arabic': item.lang === 'ar'}"
:lang='item.lang'
x-text='item.text'></span>
</template>
</div>
</div>
</td>
<td class='cell-times'>
<span class='salath-time text--time text--numeric'