Skip to content

Commit 97590de

Browse files
committed
Fixed size of search bar and length of progress animation
1 parent 3298019 commit 97590de

File tree

3 files changed

+16
-4
lines changed

3 files changed

+16
-4
lines changed

client/components/AutocompleteInput/AutocompleteInput.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -154,8 +154,8 @@
154154
overflow: visible;
155155

156156
@media screen and (max-width: 40em) {
157-
width: 20px;
158-
height: 20px;
157+
width: 16px;
158+
height: 16px;
159159
}
160160

161161
path {

client/components/ProgressSquare/ProgressSquare.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@ export default class ProgressSquare extends Component {
4646
resolving: 3 + Math.random() * 2,
4747
building: 5 + Math.random() * 3,
4848
minifying: 3 + Math.random() * 2,
49-
calculating: 0,
49+
calculating: 20,
5050
}
5151

5252
const order = [

pages/result/ResultPage.scss

Lines changed: 13 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -56,12 +56,24 @@
5656
align-items: center;
5757
justify-content: center;
5858

59-
6059
@media screen and (max-width: 40em) {
6160
padding: 0 $global-spacing * 2;
6261
}
6362
}
6463

64+
.result-header__search-input {
65+
width: 45vw;
66+
max-width: 580px;
67+
68+
@media screen and (max-width: 48em) {
69+
width: 70vw;
70+
}
71+
72+
@media screen and (max-width: 40em) {
73+
width: 85vw;
74+
}
75+
}
76+
6577
.flash-message {
6678
@include font-size-sm;
6779
padding: $global-spacing / 3 $global-spacing * 2;

0 commit comments

Comments
 (0)