albert/qmining-page
1
0
Fork 0
mirror of https://gitlab.com/MrFry/qmining-page synced 2025-04-01 20:23:44 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Even more mobile css fixes

Browse source
This commit is contained in:
mrfry 2021-05-07 13:00:15 +02:00
parent 03c25a4a82
commit 92bed77a97
6 changed files with 12 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/components/feedbackArea.module.css
View file

@ -19,6 +19,5 @@
} }
.fileContainer { .fileContainer {
width: 400px;
margin: 5px; margin: 5px;
} }

2
src/components/newsEntry.module.css
View file

@ -90,6 +90,6 @@
@media screen and (max-width: 700px) { @media screen and (max-width: 700px) {
.newsRoot { .newsRoot {
margin: 5px 0px; margin: 5px 0px;
padding: 2px; padding: 10px 2px;
} }
} }

1
src/defaultStyles.css
View file

@ -405,6 +405,7 @@ input:focus {
@media screen and (max-width: 700px) { @media screen and (max-width: 700px) {
.buttonContainer > * { .buttonContainer > * {
padding: 5px 0px;
width: 100%; width: 100%;
} }
} }

2
src/pages/contact.module.css
View file

@ -34,8 +34,6 @@
align-items: center; align-items: center;
text-align: center; text-align: center;
padding-top: 8px; padding-top: 8px;
padding-right: 100px;
padding-left: 100px;
} }
.text > div:nth-child(1) { .text > div:nth-child(1) {

5
src/pages/contribute.js
View file

@ -78,10 +78,7 @@ export default function contribute() {
})} })}
</div> </div>
</div> </div>
<img <img src={`${constants.siteUrl}img/bug.png`} />
style={{ maxWidth: '100%', width: '320px' }}
src={`${constants.siteUrl}img/bug.png`}
/>
</div> </div>
<hr /> <hr />
{showFeedback && ( {showFeedback && (

13
src/pages/contribute.module.css
View file

@ -16,12 +16,17 @@
justify-content: space-around; justify-content: space-around;
} }
@media screen and (max-width: 700px) {
.gitRepos {
flex-direction: column;
}
}
.gitRepos a { .gitRepos a {
margin: 0px 5px; margin: 0px 5px;
} }
.imgContainer { .gitRepos img {
float: right; width: 400px;
text-align: right; max-width: 90%;
padding-right: 50px;
} }