Skip to content

Commit

Permalink
Update MeddictSearchBar.css
Browse files Browse the repository at this point in the history
  • Loading branch information
tunglambg131003 authored Jan 26, 2024
1 parent 5378bb7 commit b27ea5e
Showing 1 changed file with 66 additions and 0 deletions.
66 changes: 66 additions & 0 deletions frontend/src/Styles/MeddictSearchBar.css
Original file line number Diff line number Diff line change
Expand Up @@ -437,3 +437,69 @@ body {
}
}

@media (max-width: 408px) {
.meddict-search {
width: 100%;
max-width: 390px;
margin: 0 auto;
}

.meddict-search input {
width: 100%;
max-width: 210px;
}

.result-container {
flex-direction: column;
height: auto;
margin-top: 50px;
}

.result-left,
.result-right {
width: 100%;
}

.result-image {
border-radius: 0;
}

.result-card {
max-width: 100%;
}
}

@media (max-width: 400px) {
.meddict-search {
width: 100%;
max-width: 380px;
margin: 0 auto;
}

.meddict-search input {
width: 100%;
max-width: 200px;
}

.result-container {
flex-direction: column;
height: auto;
margin-top: 50px;
}

.result-left,
.result-right {
width: 100%;
}

.result-image {
border-radius: 0;
}

.result-card {
max-width: 100%;
}
}



0 comments on commit b27ea5e

Please sign in to comment.