backups/Fantasy-Map-Generator
1
0
Fork 0
mirror of https://github.com/Azgaar/Fantasy-Map-Generator.git synced 2025-12-18 10:01:23 +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

22
index.html
View file

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