Button Layout

This commit is contained in:
brausjonas
2023-03-26 19:21:41 +02:00
parent f44184cef0
commit cd678cb7a0
3 changed files with 15 additions and 4 deletions
+1 -1
View File
@@ -62,7 +62,7 @@
<workItem from="1679674448294" duration="3278000" /> <workItem from="1679674448294" duration="3278000" />
<workItem from="1679754546660" duration="3762000" /> <workItem from="1679754546660" duration="3762000" />
<workItem from="1679776338023" duration="11768000" /> <workItem from="1679776338023" duration="11768000" />
<workItem from="1679841996008" duration="8108000" /> <workItem from="1679841996008" duration="8823000" />
</task> </task>
<servers /> <servers />
</component> </component>
+11
View File
@@ -79,6 +79,7 @@ h2
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between;
} }
@media (min-width: 18.1cm) @media (min-width: 18.1cm)
@@ -130,6 +131,16 @@ h2
background-position: center; background-position: center;
} }
.googlePlayCard
{
background-image: url("https://cdn-icons-png.flaticon.com/512/732/732208.png"), linear-gradient(#b9a4f7, #ece2ff);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
background-blend-mode: luminosity;
}
.imageFull .imageFull
{ {
max-width: 95%; max-width: 95%;
+3 -3
View File
@@ -56,7 +56,7 @@
<h1 style="color: #F7A4A4">Welcome to the games section</h1> <h1 style="color: #F7A4A4">Welcome to the games section</h1>
<div class="mainPageCards"> <div class="mainPageCards">
<div class="color3"> <div class="googlePlayCard">
<h2>Google Play</h2> <h2>Google Play</h2>
<p> <p>
Visit our page on Google Play! Visit our page on Google Play!
@@ -74,14 +74,14 @@
<button style="background-image: linear-gradient(#B6E2A1, #FFFBC1)" onclick="window.location.href='https://play.google.com/store/apps/details?id=com.IOGameStudios.FlufflParty'">Get!</button> <button style="background-image: linear-gradient(#B6E2A1, #FFFBC1)" onclick="window.location.href='https://play.google.com/store/apps/details?id=com.IOGameStudios.FlufflParty'">Get!</button>
</div> </div>
<div class="color2"> <div class="color3">
<h2>FlufflParty Test Build</h2> <h2>FlufflParty Test Build</h2>
<p> <p>
You can download a test build of FlufflParty for PC now. You can download a test build of FlufflParty for PC now.
</p> </p>
<button style="background-image: linear-gradient(#B6E2A1, #FFFBC1)" onclick="window.location.href='https://www.iogamestudios.de/FlufflParty.zip'">Download</button> <button style="background-image: linear-gradient(#b9a4f7, #ece2ff);" onclick="window.location.href='https://www.iogamestudios.de/FlufflParty.zip'">Download</button>
</div> </div>
</div> </div>