Fix issues on mobile
This commit is contained in:
parent
4a6065249a
commit
2983a2fe52
2 changed files with 17 additions and 8 deletions
|
@ -7,6 +7,9 @@
|
||||||
<link rel="stylesheet" href="styles/style_buttons.css"> <!-- Button Stylesheet -->
|
<link rel="stylesheet" href="styles/style_buttons.css"> <!-- Button Stylesheet -->
|
||||||
<link rel="icon" type="image/x-icon" href="img/blueheart.gif">
|
<link rel="icon" type="image/x-icon" href="img/blueheart.gif">
|
||||||
|
|
||||||
|
<!-- load script for showing memories from conf/memories.json -->
|
||||||
|
<script src="/js/memories.js" type="module"></script>
|
||||||
|
|
||||||
<!-- Website embed -->
|
<!-- Website embed -->
|
||||||
<meta name="viewport" content="width=device-width">
|
<meta name="viewport" content="width=device-width">
|
||||||
<meta content="Blueheart" property="og:title"/>
|
<meta content="Blueheart" property="og:title"/>
|
||||||
|
@ -21,13 +24,10 @@
|
||||||
</div>
|
</div>
|
||||||
<h1>Thank you for the memories.</h1>
|
<h1>Thank you for the memories.</h1>
|
||||||
<div class="window">
|
<div class="window">
|
||||||
<div class="wrapper">
|
<div class="window_titlebar"><h3>memories.exe</h3></div>
|
||||||
<div class="memoriesBox" id="memoriesBox"></div>
|
<div class="memoriesBox" id="memoriesBox"></div>
|
||||||
<div class="window_titlebar"><h3>memories.exe</h3></div>
|
<button id="prev">◄</button>
|
||||||
<button id="prev">◄</button>
|
<button id="next">►</button>
|
||||||
<button id="next">►</button>
|
|
||||||
<script src="/js/memories.js" type="module"></script>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
@ -22,7 +22,7 @@ body {
|
||||||
|
|
||||||
|
|
||||||
img.art_display { /* ackshually nvm, there's not much art at all so i'm not gonna make the gallery thing */
|
img.art_display { /* ackshually nvm, there's not much art at all so i'm not gonna make the gallery thing */
|
||||||
width: 50%;
|
width: 45%;
|
||||||
align-self: center;
|
align-self: center;
|
||||||
padding-top: 5vh;
|
padding-top: 5vh;
|
||||||
padding-bottom: 5vh;
|
padding-bottom: 5vh;
|
||||||
|
@ -99,3 +99,12 @@ p {
|
||||||
font-family: 'Bitter', serif;
|
font-family: 'Bitter', serif;
|
||||||
font-weight: 450;
|
font-weight: 450;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* mobile :( */
|
||||||
|
|
||||||
|
@media (max-width: 900px) {
|
||||||
|
|
||||||
|
img.art_display {
|
||||||
|
width: 80vw;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Reference in a new issue