Time slots app prototype
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

29 lines
637 B

tag plus-minus
prop value
prop decorate
prop incr
prop decr
css m:10px
> miw:50px h:50px p:19px 5px 0 ta:center fs:180%
<self.clickable.bordered-complex @wheel.prevent=(e.deltaY < 0 ? incr! : decr!)>
<.first @click=incr><div> '+'
if value
<div> decorate ? decorate(value) : value
<.last @click=decr><div> '-'
tag plus-minus-plus
prop incr
<self@click=incr> '+'
tag plus-minus-minus
prop decr
<self@click=decr> '-'
tag plus-minus-v < plus-minus
css d:flex fld:row-reverse fs:x-small
> bd:1.8px solid violet5 bdx:none p:25px 7px 0 0
@first bdr:1.8px rd:0 20px 20px 0
@last bdl:1.8px rd:20px 0 0 20px