[SEAYA] 트러블 슈팅 모달창

 

선 그리는 방법

1. padding, margin 조절. (적절하지 않음. XXX)

 

2. 가상 요소 사용하기

.menu-option {
  position: relative; /* 가상 요소의 절대 위치를 위한 상대 위치 지정 */

  &:not(:last-child)::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    border-bottom: 1px solid #ddd; /* 원하는 색상으로 변경 */
  }
}

.option-button {
  width: 100%;
  padding: 10px;

  &:hover {
    background-color: #e0e0e0;
  }

  &:focus {
    background-color: #e0e0e0;
  }
}