PC、タブレット画面で左右の切り替えができるようにする

[RimlTempest]

#88 のタスク

[RimlTempest]

ダイアログを作る、ボタンは

こんな感じのにして中の文字を 右手、左手みたいにするのよさそう

[RimlTempest]

<group class="inline-radio">
  <div><input type="radio" name="hands"><label>右手</label></div>
  <div><input type="radio" name="hands" checked><label>左手</label></div>
</group>

group + group {
  margin-top: 20px;
}

.inline-radio {
  display: flex;
  border-radius: 3px;
  overflow: hidden;
  border: 1px solid #b6b6b6;


  div {
    position: relative;
    flex: 1;
  }

  input {
    width: 100%;
    height: 60px;
    opacity: 0;
  }

  label {
    position: absolute;
    top: 0; left: 0;
    color: #b6b6b6;
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    border-right: 1px solid #b6b6b6;
  }

  div:last-child label {
    border-right: 0;
  }

  input:checked + label {
    background: #d81b60;
    font-weight: 500;
    color: #fff;
  }

[RimlTempest]

切り替えは実装済み

[Tukudanium]

LGTM