Skip to content

Commit a5ba796

Browse files
river040118river040118
authored
Merge pull request #90 from pirogramming/feature/nyc
nav바 안보이는 오류 수정
2 parents 6aa9557 + 5103645 commit a5ba796

10 files changed

Lines changed: 357 additions & 1038 deletions

File tree

‎static/css/main/main.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1092,7 +1092,7 @@ a.details__bar:hover {
10921092

10931093
.pc-btn { display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:12px; font-weight:800; font-size:14px; border:1px solid transparent; cursor:pointer; text-decoration:none; }
10941094
.pc-btn.primary { background: var(--pc-brand); color:#fff; box-shadow:0 8px 18px rgba(111,76,255,.28); }
1095-
.pc-btn.primary:hover { background: var(--pc-brand-600); }
1095+
.pc-btn.primary:hover { background: var(--pc-brand-600); text-decoration: none;}
10961096
.pc-btn.ghost { background:#fff; border-color:var(--pc-line); color:#111; }
10971097
.pc-btn.ghost:hover { background:#fbfaff; border-color:#d9d3ff; }
10981098

‎static/css/moodtest/mood_result.css‎

Lines changed: 0 additions & 215 deletions
Original file line numberDiff line numberDiff line change
@@ -1,218 +1,3 @@
1-
/*
2-
이전 css인데 혹시몰라서 저장해놓음
3-
.mood-result-container {
4-
padding: 50px 20px;
5-
max-width: 900px;
6-
margin: 0 auto;
7-
display: flex;
8-
flex-wrap: wrap;
9-
flex-direction: column;
10-
gap: 40px;
11-
justify-content: center;
12-
}
13-
14-
.mood-summary-section {
15-
flex: 1 1 350px;
16-
background-color: #fff;
17-
padding: 30px;
18-
border-radius: 10px;
19-
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
20-
text-align: center;
21-
}
22-
23-
.mood-summary-section .icon {
24-
font-size: 2.5em;
25-
margin-bottom: 15px;
26-
color: darkslategray;
27-
}
28-
29-
.mood-summary-section h2 {
30-
font-size: 1.8em;
31-
color: #333;
32-
margin-bottom: 10px;
33-
}
34-
35-
.mood-summary-section p {
36-
color: #666;
37-
font-size: 1.1em;
38-
margin-bottom: 25px;
39-
line-height: 1.5;
40-
}
41-
42-
.color-palette {
43-
display: flex;
44-
justify-content: center;
45-
gap: 15px;
46-
margin-bottom: 25px;
47-
}
48-
49-
.color-box {
50-
width: 50px;
51-
height: 50px;
52-
border-radius: 50%;
53-
border: 1px solid rgba(0, 0, 0, 0.1);
54-
}
55-
56-
.tag-list {
57-
display: flex;
58-
flex-wrap: wrap;
59-
justify-content: center;
60-
gap: 10px;
61-
margin-bottom: 30px;
62-
font-weight: bold;
63-
64-
}
65-
66-
.tag {
67-
background-color: #f0f0f0;
68-
color: #555;
69-
padding: 8px 15px;
70-
border-radius: 20px;
71-
font-size: 0.9em;
72-
}
73-
74-
.mood-category-selector {
75-
display: flex;
76-
justify-content: center;
77-
gap: 15px;
78-
margin-bottom: 30px;
79-
}
80-
81-
.mood-category-selector button {
82-
background-color: #f7f7f7;
83-
color: #555;
84-
border: 1px solid #ddd;
85-
padding: 10px 20px;
86-
border-radius: 25px;
87-
cursor: pointer;
88-
font-size: 1em;
89-
transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
90-
}
91-
92-
.mood-category-selector button.active {
93-
background-color: darkslategray;
94-
color: white;
95-
border-color: darkslategray;
96-
}
97-
98-
.mood-category-selector button:hover:not(.active) {
99-
background-color: #ffeef2;
100-
border-color: #ffb3c1;
101-
}
102-
103-
.recommendation-section {
104-
flex: 2 1 600px;
105-
min-width: 600px;
106-
background-color: #fff;
107-
padding: 30px;
108-
border-radius: 10px;
109-
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
110-
}
111-
112-
.recommendation-section h3 {
113-
font-size: 1.5em;
114-
color: #333;
115-
margin-bottom: 25px;
116-
text-align: center;
117-
}
118-
119-
.recommended-product-grid {
120-
display: grid;
121-
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
122-
gap: 25px;
123-
}
124-
125-
.recommended-product-card {
126-
border: 1px solid #eee;
127-
border-radius: 10px;
128-
overflow: hidden;
129-
text-align: center;
130-
padding: 20px;
131-
display: flex;
132-
flex-direction: column;
133-
align-items: center;
134-
transition: box-shadow 0.3s ease;
135-
position: relative;
136-
}
137-
138-
.recommended-product-card:hover {
139-
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
140-
text-decoration: none;
141-
}
142-
143-
.recommended-product-card .product-type-label {
144-
background-color: #ffeef2;
145-
color: darkslategray;
146-
padding: 5px 10px;
147-
border-radius: 15px;
148-
font-size: 0.8em;
149-
font-weight: bold;
150-
margin-bottom: 15px;
151-
}
152-
153-
.recommended-product-card img {
154-
width: 120px;
155-
height: 120px;
156-
object-fit: contain;
157-
margin-bottom: 15px;
158-
}
159-
160-
.recommended-product-card .brand-name {
161-
font-size: 0.9em;
162-
color: #888;
163-
margin-bottom: 5px;
164-
}
165-
166-
.recommended-product-card .product-name {
167-
font-weight: bold;
168-
color: #333;
169-
margin-bottom: 10px;
170-
min-height: 40px;
171-
display: -webkit-box;
172-
-webkit-line-clamp: 2;
173-
-webkit-box-orient: vertical;
174-
overflow: hidden;
175-
}
176-
177-
.recommended-product-card .price {
178-
font-size: 1em;
179-
color: #ff6699;
180-
font-weight: bold;
181-
margin-bottom: 15px;
182-
}
183-
184-
.product-rating {
185-
display: flex;
186-
align-items: center;
187-
justify-content: center;
188-
font-size: 0.9em;
189-
color: #888;
190-
margin-bottom: 10px;
191-
}
192-
193-
.product-rating .star-icon {
194-
color: gold;
195-
margin-right: 5px;
196-
}
197-
198-
.purchase-button {
199-
background-color: darkslategray;
200-
color: white;
201-
border: none;
202-
padding: 10px 20px;
203-
border-radius: 20px;
204-
cursor: pointer;
205-
font-size: 0.9em;
206-
transition: background-color 0.3s ease;
207-
width: 100%;
208-
max-width: 150px;
209-
}
210-
211-
.purchase-button:hover {
212-
background-color: darkgray;
213-
}
214-
*/
215-
2161
.mood-result-container {
2172
max-width: 1200px;
2183
margin: 0 auto;

‎static/css/moodtest/mood_test.css‎

Lines changed: 0 additions & 138 deletions
Original file line numberDiff line numberDiff line change
@@ -1,141 +1,3 @@
1-
/*
2-
이전 디자인이라 주석처리해놨음. 혹시몰라서
3-
.mood-test-container {
4-
padding: 50px 20px;
5-
max-width: 800px;
6-
margin: 0 auto;
7-
}
8-
9-
.test-header {
10-
text-align: center;
11-
margin-bottom: 40px;
12-
}
13-
14-
.test-header h2 {
15-
font-size: 1.8em;
16-
color: #333;
17-
margin-bottom: 10px;
18-
}
19-
20-
.test-header p {
21-
color: #666;
22-
font-size: 1.1em;
23-
}
24-
25-
.progress-bar-container {
26-
width: 100%;
27-
background-color: #eee;
28-
border-radius: 5px;
29-
height: 10px;
30-
margin-top: 20px;
31-
}
32-
33-
.progress-bar {
34-
width: 20%;
35-
height: 100%;
36-
background-color: violet;
37-
border-radius: 5px;
38-
}
39-
40-
.question-section {
41-
background-color: #fff;
42-
padding: 40px;
43-
border-radius: 10px;
44-
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
45-
}
46-
47-
.question-section h3 {
48-
font-size: 1.5em;
49-
color: #333;
50-
margin-bottom: 30px;
51-
text-align: center;
52-
}
53-
54-
.options-group {
55-
display: flex;
56-
flex-direction: column;
57-
gap: 15px;
58-
}
59-
60-
.option-card {
61-
background-color: #f7f7f7;
62-
padding: 20px 25px;
63-
border-radius: 8px;
64-
border: 1px solid #eee;
65-
cursor: pointer;
66-
transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
67-
display: flex;
68-
align-items: center;
69-
}
70-
71-
.option-card:hover {
72-
background-color: #ffeef2;
73-
border-color: darkslategray;
74-
box-shadow: 0 2px 8px rgba(255, 153, 204, 0.2);
75-
}
76-
77-
.option-card input[type="radio"] {
78-
display: none;
79-
}
80-
81-
.option-card input[type="radio"]:checked+.option-content {
82-
border-color: mediumpurple;
83-
}
84-
85-
.option-card .radio-custom {
86-
width: 20px;
87-
height: 20px;
88-
min-width: 20px;
89-
border: 2px solid #ccc;
90-
border-radius: 50%;
91-
margin-right: 15px;
92-
display: flex;
93-
align-items: center;
94-
justify-content: center;
95-
flex-shrink: 0;
96-
transition: border-color 0.3s ease, background-color 0.3s ease;
97-
}
98-
99-
.option-card input[type="radio"]:checked+.option-content .radio-custom {
100-
border-color: white;
101-
background-color: white;
102-
}
103-
104-
.option-card input[type="radio"]:checked+.option-content .radio-custom::after {
105-
background-color: mediumpurple;
106-
content: '';
107-
width: 10px;
108-
height: 10px;
109-
border-radius: 50%;
110-
display: block;
111-
}
112-
113-
.option-card .option-text {
114-
font-size: 1.1em;
115-
color: #333;
116-
flex-grow: 1;
117-
}
118-
119-
.submit-button-container {
120-
text-align: center;
121-
margin-top: 40px;
122-
}
123-
124-
.submit-button {
125-
padding: 15px 40px;
126-
background-color: darkslategray;
127-
color: white;
128-
border: none;
129-
border-radius: 8px;
130-
font-size: 1.2em;
131-
cursor: pointer;
132-
transition: background-color 0.3s ease;
133-
}
134-
135-
.submit-button:hover {
136-
background-color: darkgray;
137-
}
138-
*/
1391
.mood-test-container {
1402
max-width: 800px;
1413
margin: 0 auto;

0 commit comments

Comments
 (0)