catarrh/ponomar-pwa
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

service chips: match library selection style (border-based)

Browse Source
This commit is contained in:
catarrh committed 2026-08-01 22:37:43 +03:00
1 parent 72e98da182
commit 4bf0e235fb
1 file changed
+4 -4
Download Patch File Download Diff File Expand all files Collapse all files
src/ui/service-view.ts
+4 -4
View File
@@ -95,8 +95,8 @@ export class ServiceView {
<button <button
class="service-tab text-sm transition-colors class="service-tab text-sm transition-colors
${this.activeService === s.id ${this.activeService === s.id
? 'bg-navy text-parchment font-medium rounded-full px-3 py-1' ? 'border border-gold bg-gold/10 text-navy font-bold rounded-lg px-3 py-1'
: 'text-navy-light hover:bg-navy/10 rounded-full px-3 py-1'}" : 'border border-gold/20 bg-white/50 text-navy hover:border-gold/50 rounded-lg px-3 py-1'}"
data-service="${s.id}" data-service="${s.id}"
>${s.name}</button> >${s.name}</button>
`).join('')} `).join('')}
@@ -132,9 +132,9 @@ export class ServiceView {
this.container.querySelectorAll('.service-tab').forEach(t => { this.container.querySelectorAll('.service-tab').forEach(t => {
const id = t.getAttribute('data-service'); const id = t.getAttribute('data-service');
if (id === serviceId) { if (id === serviceId) {
t.className = 'service-tab text-sm transition-colors bg-navy text-parchment font-medium rounded-full px-3 py-1'; t.className = 'service-tab text-sm transition-colors border border-gold bg-gold/10 text-navy font-bold rounded-lg px-3 py-1';
} else { } else {
t.className = 'service-tab text-sm transition-colors text-navy-light hover:bg-navy/10 rounded-full px-3 py-1'; t.className = 'service-tab text-sm transition-colors border border-gold/20 bg-white/50 text-navy hover:border-gold/50 rounded-lg px-3 py-1';
} }
}); });
this.loadService(service); this.loadService(service);