Skip to content

Commit

Permalink
fix header button
Browse files Browse the repository at this point in the history
  • Loading branch information
catborn committed Aug 15, 2024
1 parent 3166cd3 commit f1acdf5
Showing 1 changed file with 36 additions and 13 deletions.
49 changes: 36 additions & 13 deletions styles/index.css
Original file line number Diff line number Diff line change
@@ -1,27 +1,38 @@
@charset "UTF-8";
.gallery__menu > label, .gallery__block-title, .museum__about {
.gallery__menu > label,
.gallery__block-title,
.museum__about {
font-weight: 500;
font-size: 1.25625rem;
line-height: 27.46px;
text-align: center;
}

#museum__search_one_input-button, #museum__search_two_input-button, #museum__search_three_input-button, #museum__search_four_input-button {
#museum__search_one_input-button,
#museum__search_two_input-button,
#museum__search_three_input-button,
#museum__search_four_input-button {
display: flex;
flex-direction: row;
gap: 5px;
align-items: center;
}

#museum__search_one-input, #museum__search_two-input, #museum__search_three-input, #museum__search_four-input {
#museum__search_one-input,
#museum__search_two-input,
#museum__search_three-input,
#museum__search_four-input {
width: 200px;
height: 40px;
border: 1px solid #000000;
padding: 0 0.625rem 0 0.625rem;
border-radius: 15px;
}

#museum__search_one-button, #museum__search_two-button, #museum__search_three-button, #museum__search_four-button {
#museum__search_one-button,
#museum__search_two-button,
#museum__search_three-button,
#museum__search_four-button {
background-image: url("../images/search.svg");
background-color: #f9f9f9;
background-position: center;
Expand All @@ -32,13 +43,19 @@
height: 41px;
border-radius: 20px;
}
#museum__search_one-button:hover, #museum__search_two-button:hover, #museum__search_three-button:hover, #museum__search_four-button:hover {
#museum__search_one-button:hover,
#museum__search_two-button:hover,
#museum__search_three-button:hover,
#museum__search_four-button:hover {
border: 2px solid;
background-color: #f9f9f9;
background-image: url("../images/search_hover.svg");
}

.museum__search_one-result, .museum__search_two-result, .museum__search_three-result, .museum__search_four-result {
.museum__search_one-result,
.museum__search_two-result,
.museum__search_three-result,
.museum__search_four-result {
margin: 3.125rem 0 3.125rem 0;
display: flex;
flex-flow: row nowrap;
Expand Down Expand Up @@ -110,8 +127,8 @@ h2 {
}

.log_in {
width: 65 px;
height: 35 px;
width: 65px;
height: 35px;
color: rgb(8, 8, 8);
border: 0.7px solid rgb(230, 230, 230);
background: rgb(255, 255, 255);
Expand Down Expand Up @@ -171,10 +188,10 @@ h2 {
padding-left: 2.9375rem;
border-bottom: 1.12px solid #e5e5e5;
}
.gallery__menu > input[type=radio] {
.gallery__menu > input[type="radio"] {
display: none;
}
.gallery__menu > input[type=radio]:checked + label {
.gallery__menu > input[type="radio"]:checked + label {
cursor: default;
font-weight: bold;
color: #e36f2d;
Expand Down Expand Up @@ -300,7 +317,10 @@ h2 {
.gallery__block {
display: none;
}
#museum__search_one_input-button, #museum__search_two_input-button, #museum__search_three_input-button, #museum__search_four_input-button {
#museum__search_one_input-button,
#museum__search_two_input-button,
#museum__search_three_input-button,
#museum__search_four_input-button {
align-items: center !important;
flex-direction: column !important;
flex-wrap: wrap !important;
Expand All @@ -325,7 +345,10 @@ h2 {
.museum__about {
margin: 1.25rem 0 1.25rem 0;
}
.museum__search_one-result, .museum__search_two-result, .museum__search_three-result, .museum__search_four-result {
.museum__search_one-result,
.museum__search_two-result,
.museum__search_three-result,
.museum__search_four-result {
flex-direction: column !important;
}
}
Expand Down Expand Up @@ -602,4 +625,4 @@ h2 {
.stars {
display: none;
}
}/*# sourceMappingURL=index.css.map */
} /*# sourceMappingURL=index.css.map */

0 comments on commit f1acdf5

Please sign in to comment.