diff --git a/src/components/Lesson/Popular/Popular.module.scss b/src/components/Lesson/Popular/Popular.module.scss index 2353d93..b2ce383 100644 --- a/src/components/Lesson/Popular/Popular.module.scss +++ b/src/components/Lesson/Popular/Popular.module.scss @@ -24,6 +24,12 @@ } .checkboxContainer { + display: flex; + align-items: center; + justify-content: space-between; +} + +.filterContainer { display: flex; align-items: center; gap: 8px; @@ -41,6 +47,15 @@ } } +.sort { + @include C12M; + color: $gray70; + display: flex; + align-items: center; + gap: 2px; + cursor: pointer; +} + .listContainer { display: flex; flex-direction: column; diff --git a/src/components/Lesson/Popular/index.tsx b/src/components/Lesson/Popular/index.tsx index 8201d92..15db2ff 100644 --- a/src/components/Lesson/Popular/index.tsx +++ b/src/components/Lesson/Popular/index.tsx @@ -82,14 +82,20 @@ export default function Popular() {
{facilities.length}
- 시설 +{facilities.length}
+ 시설 +