add search function

2026-04-19 13:00:11 +02:00
parent 5fdf3f4ab2
commit ea73b0c165
8 changed files with 380 additions and 1 deletions
@@ -69,6 +69,8 @@ button:hover {

 .top-nav {
    margin-bottom: 24px;
+    display: flex;
+    gap: 16px;
 }

 .page-header,
@@ -92,6 +94,30 @@ button:hover {
    background: #fafafa;
 }

+.search-form {
+    display: flex;
+    gap: 12px;
+    align-items: center;
+    flex-wrap: wrap;
+}
+
+.search-form input {
+    flex: 1 1 320px;
+    min-width: 220px;
+    margin-top: 0;
+}
+
+.search-result {
+    display: flex;
+    gap: 16px;
+    align-items: flex-start;
+}
+
+.result-body {
+    flex: 1;
+    min-width: 0;
+}
+
 .detail-image {
    display: block;
    width: 100%;