piwalker/FCLauncher
1
0
Fork 0
Code Issues Pull Requests Projects Releases 5 Wiki Activity

menu formatting

Browse Source
This commit is contained in:
Cuptain 2024-06-23 14:59:12 +10:00
parent 1fe3be506c
commit 9e026e8ac7
2 changed files with 17 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
FCLauncher/src/index.html
View File

@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="styles.css" /> <link rel="stylesheet" href="styles.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-width=cover" />
<title>Tauri App</title> <title>Tauri App</title>
<script type="module" src="/main.js" defer></script> <script type="module" src="/main.js" defer></script>
</head> </head>
@ -14,13 +14,13 @@
<body onload="load();"> <body onload="load();">
<div class="Logo">
<img src="assets/Title.png" alt="Title" id="Title">
</div>
<div class="container"> <div class="container">
<img src="assets/Title.png" alt="Title">
<select name="modSelect" id="Modpacks"> <select name="modSelect" id="Modpacks">

17
FCLauncher/src/styles.css
View File

@ -19,7 +19,7 @@
.container { .container {
margin: 0; margin: 0;
padding-top: 5vh; padding-top: 0vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
@ -27,12 +27,13 @@
} }
body { body {
background-image: url('assets/CityBase.png'); margin: 0px;
padding: 0px;
} }
.logo { .logo {
height: 6em; height: 6em;
padding: 1.5em; padding: 0em;
will-change: filter; will-change: filter;
transition: 0.75s; transition: 0.75s;
} }
@ -163,7 +164,15 @@ button {
align-self: center; align-self: center;
align-items: center; align-items: center;
} }
#Logo{ .Logo{
background-image: url('assets/CityBase.png');
box-shadow: 0px 20px 10px #222424;
display: flex; display: flex;
justify-content: center; justify-content: center;
height: auto;
background-repeat: no-repeat;
flex-direction: column;
}
#Title {
} }