wieerwill/tale-spinner
1
0
Fork 0
Code Issues Pull Requests 3 Actions Packages Projects Releases Wiki Activity

make screens more mobile compatible

Browse Source
This commit is contained in:
WieErWill 2023-11-02 21:00:31 +01:00
parent 25730246d5
commit c5115d2b42
3 changed files with 23 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
layouts/default.vue
View File

@ -66,7 +66,8 @@ footer {
footer { footer {
display: block; display: block;
width: 80%; max-width: 80%;
min-width: 50%;
align-items: center; align-items: center;
text-align: center; text-align: center;
margin: 5rem 1rem 1rem 1rem; margin: 5rem 1rem 1rem 1rem;

12
pages/about.vue
View File

@ -27,4 +27,16 @@ p {
margin-bottom: 1rem; margin-bottom: 1rem;
line-height: 1.5; line-height: 1.5;
} }
@media (max-width: 768px) {
.aboutpage {
margin: 1rem;
}
h1{
font-size: 1.5rem;
}
p{
font-size: 1rem;
}
}
</style> </style>

8
pages/index.vue
View File

@ -82,6 +82,7 @@
.section { .section {
margin-bottom: 2rem; margin-bottom: 2rem;
max-width: 100%;
} }
h1 { h1 {
@ -114,7 +115,9 @@ li {
.biglogo { .biglogo {
display: block; display: block;
max-width: 500px; max-width: 450px;
max-width: 90%;
min-width: 10px;
margin: auto; margin: auto;
} }
@ -154,7 +157,8 @@ button:hover {
font-size: 1.5rem; font-size: 1.5rem;
} }
p { p,
li {
font-size: 1rem; font-size: 1rem;
} }
} }