diff --git a/app.js b/app.js index 1a36665..6685bb2 100644 --- a/app.js +++ b/app.js @@ -939,11 +939,11 @@ function renderMulti(kind){
${items.map((it,i)=>{ const checked=ans.has(i)?"checked":""; - return `
@@ -1006,11 +1006,11 @@ function renderDiagnosis(){
${c.diagnosis.options.map((o,i)=>{ const checked=state.answers.diagnosis===i?"checked":""; - return `
diff --git a/style.css b/style.css index ecfc774..633010d 100644 --- a/style.css +++ b/style.css @@ -310,6 +310,8 @@ h1,h2,h3{letter-spacing:-.4px} .opt-list{display:grid;gap:10px;margin-bottom:20px} .opt{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:14px 15px;cursor:pointer;transition:.15s;user-select:none} .opt:hover{border-color:var(--gray-300)} +.opt.disabled{cursor:default} +.opt.disabled:hover{border-color:var(--line)} .opt input{display:none} .opt-box{width:23px;height:23px;border-radius:7px;border:2px solid var(--gray-300);flex-shrink:0;display:grid;place-items:center;font-weight:800;color:#fff;font-size:13px;transition:.15s;margin-top:1px} .opt input:checked + .opt-box{background:var(--gold);border-color:var(--gold)}