Blazor/BlazorApp/Components/Pages/TodoPage/Todo.razor.css

50 lines
872 B
CSS

.list-item {
display: flex;
align-items: center;
padding: 10px;
border: 1px solid #ddd;
/*margin-bottom: 5px;*/
}
.list-item input[type="checkbox"] {
width: 30px; /* 체크박스 너비 */
height: 30px; /* 체크박스 높이 */
margin-right: 10px;
}
.text-content {
display: flex;
flex-direction: column;
}
.text-content .small-text {
font-size: 10pt;
}
.text-content .normal-text {
display: flex;
flex-wrap: wrap;
font-size: 14pt;
margin: 0;
}
.small-button {
font-size: 12pt;
width: 24px;
height: 24px;
/*padding: 5px 10px;*/
cursor: pointer;
border: none;
background-color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
}
.small-button:hover {
background-color: #e9e9e9;
}
.small-button:active {
background-color: #dddddd;
}