Quellcode durchsuchen

[add]

検索の余白修正
poohr vor 3 Wochen
Ursprung
Commit
f82987694b
2 geänderte Dateien mit 11 neuen und 18 gelöschten Zeilen
  1. 0
    3
      src/app/pages/search/search.html
  2. 11
    15
      src/app/pages/search/search.scss

+ 0
- 3
src/app/pages/search/search.html Datei anzeigen

58
                   <div>
58
                   <div>
59
                     住所: {{ danka.address }}
59
                     住所: {{ danka.address }}
60
                   </div>
60
                   </div>
61
-                  <div class="result-link-text">
62
-                    開く
63
-                  </div>
64
                 </a>
61
                 </a>
65
               }
62
               }
66
             </section>
63
             </section>

+ 11
- 15
src/app/pages/search/search.scss Datei anzeigen

71
 }
71
 }
72
 
72
 
73
 .search-condition-area {
73
 .search-condition-area {
74
-  margin-top: 0;
74
+  margin: 0 0 16px;
75
 }
75
 }
76
 
76
 
77
 .search-input-row {
77
 .search-input-row {
85
   height: 46px;
85
   height: 46px;
86
   border: 2px solid #d8caba;
86
   border: 2px solid #d8caba;
87
   border-radius: 6px;
87
   border-radius: 6px;
88
-  background: #fffdf9;
88
+  background: #ffffff;
89
   display: flex;
89
   display: flex;
90
   align-items: center;
90
   align-items: center;
91
   padding: 0 16px;
91
   padding: 0 16px;
128
 
128
 
129
 .search-button {
129
 .search-button {
130
   border: 2px solid #8a6543;
130
   border: 2px solid #8a6543;
131
-  background: #8a6543;
132
-  color: #ffffff;
131
+  background: #ffffff;
132
+  color: #8a6543;
133
 }
133
 }
134
 
134
 
135
 .search-button:hover {
135
 .search-button:hover {
136
-  background: #765639;
136
+  background: #f6efe6;
137
 }
137
 }
138
 
138
 
139
 .filter-button-main,
139
 .filter-button-main,
140
 .back-list-button {
140
 .back-list-button {
141
-  border: 2px solid #d8caba;
141
+  border: 2px solid #8a6543;
142
   background: #ffffff;
142
   background: #ffffff;
143
-  color: #2f2720;
143
+  color: #8a6543;
144
   text-decoration: none;
144
   text-decoration: none;
145
   display: flex;
145
   display: flex;
146
   align-items: center;
146
   align-items: center;
156
   display: flex;
156
   display: flex;
157
   flex-wrap: wrap;
157
   flex-wrap: wrap;
158
   gap: 8px;
158
   gap: 8px;
159
-  margin-top: 12px;
159
+  margin: 12px 0 16px;
160
 }
160
 }
161
 
161
 
162
 .search-filter-button {
162
 .search-filter-button {
184
 }
184
 }
185
 
185
 
186
 .search-result-panel {
186
 .search-result-panel {
187
-  margin-top: 16px;
187
+  margin-top: 0;
188
   padding: 0;
188
   padding: 0;
189
   border: 2px solid #d8caba;
189
   border: 2px solid #d8caba;
190
   border-radius: 8px;
190
   border-radius: 8px;
231
   align-items: center;
231
   align-items: center;
232
   column-gap: 18px;
232
   column-gap: 18px;
233
   box-sizing: border-box;
233
   box-sizing: border-box;
234
+  cursor: pointer;
234
 }
235
 }
235
 
236
 
236
 .result-row:hover {
237
 .result-row:hover {
238
 }
239
 }
239
 
240
 
240
 .danka-result-row {
241
 .danka-result-row {
241
-  grid-template-columns: 1.1fr 1.4fr 1.8fr 80px;
242
+  grid-template-columns: 1.1fr 1.4fr 1.8fr;
242
 }
243
 }
243
 
244
 
244
 .family-result-row {
245
 .family-result-row {
253
   font-weight: 800;
254
   font-weight: 800;
254
 }
255
 }
255
 
256
 
256
-.result-link-text {
257
-  color: #3f6f45;
258
-  font-weight: 800;
259
-}
260
-
261
 .empty-result {
257
 .empty-result {
262
   min-height: 72px;
258
   min-height: 72px;
263
   padding: 22px;
259
   padding: 22px;

Laden…
Abbrechen
Speichern