backups/Fantasy-Map-Generator
1
0
Fork 0
mirror of https://github.com/Azgaar/Fantasy-Map-Generator.git synced 2025-12-16 17:31:24 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

loading screen size update

Browse source
This commit is contained in:
Azgaar 2022-06-01 01:04:35 +03:00
parent d5f202ba47
commit 90b80424fe
1 changed files with 14 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

28
index.html
View file

@ -44,26 +44,28 @@
color: #fff5da;
text-align: center;
text-shadow: 0px 1px 4px #4c3a35;
width: 80%;
max-width: 600px;
width: 80vw;
max-width: 540px;
}
#loading-text {
font-size: 1.8em;
margin: 0.2em 0 0 1em;
@media screen and (max-width: 600px) {
#loading > #loading-typography {
font-size: 8px;
}
}
#titleName {
text-align: left;
font-size: 3em;
margin-left: 5%;
}
#title {
font-size: 7em;
margin: -12px 0 -6px 0;
}
#versionText {
text-align: right;
font-size: 2em;
margin-right: 3%;
}
#loading-text {
font-size: 2em;
margin: 0.2em;
}
#loading-text > span {
font-size: 1.3em;
@ -274,12 +276,10 @@
<use href="#rose" x="50%" y="50%" />
</svg>
<div id="loading-typography">
<div>
<div id="titleName"><t data-t="titleName">Azgaar's</t></div>
<div id="title"><t data-t="title">Fantasy Map Generator</t></div>
<div id="versionText"><t data-t="version">v. </t><span id="version"></span></div>
<p id="loading-text"><t data-t="loading">LOADING</t><span>.</span><span>.</span><span>.</span></p>
</div>
<div id="titleName"><t data-t="titleName">Azgaar's</t></div>
<div id="title"><t data-t="title">Fantasy Map Generator</t></div>
<div id="versionText"><t data-t="version">v</t><span id="version"></span></div>
<p id="loading-text"><t data-t="loading">LOADING</t><span>.</span><span>.</span><span>.</span></p>
</div>
</div>