add classification page
Change-Id: I5f661291cd32416b23e9b3f4483f200e885141c5
diff --git a/src/app/resource/classification/classification.scss b/src/app/resource/classification/classification.scss
new file mode 100644
index 0000000..f1cc964
--- /dev/null
+++ b/src/app/resource/classification/classification.scss
@@ -0,0 +1,59 @@
+.HotResource {
+ max-width: 1200px;
+ margin: 0 auto;
+ padding: 0 2rem;
+}
+
+.searchBar {
+ max-width: 1000px;
+ padding: 0;
+ width: 85%;
+ height: 50px;
+
+ .search-helper {
+ height: 50px;
+ padding-left: 2.5rem;
+ border-radius: 10px 0px 0px 10px;
+ font-size: 1.1rem;
+ border: 1px solid #ddd;
+ }
+}
+
+.classificationButton {
+ height: 50px;
+ width: 15%;
+ border-radius: 0 10px 10px 0;
+}
+
+.header {
+ display: flex;
+ align-items: center;
+
+ flex-direction: row;
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+}
+
+.sidebar {
+ width: 400px;
+}
+
+.sidebar-content {
+ width: 100%;
+}
+
+.filter-section {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 0.5rem;
+ margin-bottom: 1rem;
+}
+
+.filter-confirm {
+ margin-top: 10rem;
+ text-align: center;
+}
+
+.Paginator{
+ margin-bottom: 1rem;
+}
\ No newline at end of file