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

Lotsa style fixes, and mobile view fix

Browse source
This commit is contained in:
mrfry 2021-05-07 12:31:58 +02:00
parent d00c0f6406
commit 14069a289c
20 changed files with 116 additions and 107 deletions
Download patch file Download diff file Expand all files Collapse all files

44
src/defaultStyles.css
View file

@ -285,9 +285,8 @@ input:focus {
.pageHeader {
background-color: var(--text-color);
height: 45px;
max-width: 100%;
color: black !important;
color: black;
margin: 5px 0px 0px 0px;
}
@ -367,31 +366,46 @@ input:focus {
.buttonContainer {
display: flex;
align-content: center;
align-items: stretch;
justify-content: center;
margin: 10px 0px;
height: 50px;
flex-wrap: wrap;
}
@media screen and (max-width: 700px) {
.buttonContainer {
flex-flow: column;
align-items: center;
}
}
.buttonContainer > * {
display: flex;
align-items: center;
justify-content: center;
flex: 1;
background-color: var(--hoover-color);
border: none;
color: var(--text-color);
padding: 5px 15px;
font-weight: bold;
align-items: center;
width: 200px;
height: 30px;
font-size: 15px;
padding: 5px 15px;
margin: 8px 5px 2px 5px;
cursor: pointer;
text-shadow: 1px 1px 8px black;
transition: width 0.5s, height 0.5s, ease-in 0.5s;
user-select: none;
color: var(--text-color);
border: none;
background-color: var(--hoover-color);
font-weight: bold;
cursor: pointer;
text-align: center;
user-select: none;
text-decoration: none;
text-shadow: 1px 1px 8px black;
transition: width 0.5s, height 0.5s, ease-in 0.5s;
}
@media screen and (max-width: 700px) {
.buttonContainer > * {
width: 100%;
}
}
.buttonContainer > *:hover {