status-im
/
dappconnect-vote-poll-sdk
mirror of https://github.com/status-im/dappconnect-vote-poll-sdk.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Topbar fixation (#28)

This commit is contained in:
Maria Rushkova 2021-08-30 15:23:55 +02:00 committed by GitHub
parent 804e009c1f
commit f93cb82a2f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/example/src/components/TopBar.tsx
View File

@ -156,9 +156,12 @@ const Logo = styled.div`
` `
const Wrapper = styled.div` const Wrapper = styled.div`
height: 96px;
background: #fbfcfe;
display: flex; display: flex;
height: 96px;
width: 100%;
position: fixed;
background: #fbfcfe;
z-index: 10;
@media (max-width: 600px) { @media (max-width: 600px) {
height: 64px; height: 64px;

2
packages/react-components/src/WakuPolling/PollCreation.tsx
View File

@ -161,7 +161,7 @@ const NewPollBox = styled.div`
box-shadow: 10px 10px 31px -2px #a3a1a1; box-shadow: 10px 10px 31px -2px #a3a1a1;
border-radius: 5px; border-radius: 5px;
overflow: auto; overflow: auto;
z-index: 8; z-index: 9998;
width: 468px; width: 468px;
@media (max-width: 600px) { @media (max-width: 600px) {

12
packages/react-components/src/WakuPolling/index.tsx
View File

@ -57,7 +57,7 @@ const CreatePollButton = styled(Button)`
} }
@media (max-width: 425px) { @media (max-width: 425px) {
position: absolute; position: fixed;
bottom: 0; bottom: 0;
z-index: 10; z-index: 10;
margin-bottom: 16px; margin-bottom: 16px;
@ -71,12 +71,16 @@ const Wrapper = styled.div`
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
max-width: 1082px; max-width: 1082px;
height: 100%; position: relative;
margin: 0 auto; margin: 0 auto;
padding: 50px 0; padding: 150px 0 50px;
@media (max-width: 600px) { @media (max-width: 600px) {
padding: 32px 16px; padding: 132px 16px 32px;
}
@media (max-width: 425px) {
padding: 96px 16px 84px;
} }
` `