granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update modal styling

Browse source
This commit is contained in:
Justin Edmund 2020-09-15 01:23:42 -07:00
parent 6371536426
commit 5980d6bff6
2 changed files with 26 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/Modal/Modal.css
View file

@ -16,15 +16,15 @@
border-radius: 8px; border-radius: 8px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
max-height: 600px; height: 320px;
min-width: 360px; min-width: 360px;
max-width: 480px; max-width: 480px;
padding: 24px; overflow: scroll;
position: relative; position: relative;
z-index: 10; z-index: 10;
} }
.Modal > .Input { .Modal .Input {
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
border: none; border: none;
@ -38,7 +38,7 @@
text-align: center; text-align: center;
} }
.Modal > .Button { .Modal .Button {
background: #61B3FF; background: #61B3FF;
color: #315E87; color: #315E87;
display: block; display: block;
@ -46,7 +46,7 @@
text-align: center; text-align: center;
} }
.Modal > .Button:hover { .Modal .Button:hover {
background: #4B9BE5; background: #4B9BE5;
color: #233E56; color: #233E56;
} }

23
src/components/SearchModal/SearchModal.css
View file

@ -1,9 +1,28 @@
.SearchModal { .SearchModal {
min-height: 320px; min-height: 420px;
min-width: 600px; min-width: 600px;
} }
.SearchModal > .Input { .SearchModal .Input {
padding: 12px 8px; padding: 12px 8px;
text-align: left; text-align: left;
}
.SearchModal label {
width: 100%;
}
.SearchModal label .Input {
width: 100%;
}
.SearchModal #input_container {
background: #f5f5f5;
padding: 24px 24px 12px 24px;
position: sticky;
top: 0;
}
.SearchModal #results_container {
padding: 0 12px 12px 12px;
} }