Archive/opengoal-launcher
1
0
Fork 0
mirror of https://github.com/open-goal/launcher.git synced 2024-10-20 04:57:38 -04:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

styled settings page a bit

Browse source
This commit is contained in:
trippjoe 2022-03-29 16:27:54 -04:00
parent 269eabe4d5
commit cdbb498a43
1 changed files with 30 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

53
src/pages/settings/settings.html
View file

@ -6,6 +6,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../../../node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
<script defer src="settings.js"></script>
<title>Settings</title>
</head>
@ -13,36 +14,42 @@
<body>
<ul class="nav nav-tabs nav-justified justify-content-center mb-3" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab"
aria-controls="home" aria-selected="true">General</button>
<button class="nav-link active" id="general-tab" data-bs-toggle="tab" data-bs-target="#general" type="button"
role="tab" aria-controls="general" aria-selected="true">General</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab"
aria-controls="profile" aria-selected="false">Updates</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" type="button" role="tab"
aria-controls="contact" aria-selected="false">Links</button>
<button class="nav-link" id="links-tab" data-bs-toggle="tab" data-bs-target="#links" type="button" role="tab"
aria-controls="links" aria-selected="false">Links</button>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
<button type="button" class="btn btn-primary">Toggle dynamic background</button>
</div>
<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
<button type="button" class="btn btn-primary" onclick="send('checkUpdates')">Check for Updates</button>
</div>
<div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
<div class="list-group">
<a href="https://github.com/open-goal/jak-project" target="_blank" rel="noopener noreferrer"
class="list-group-item list-group-item-action">OpenGOAL Github Repository</a>
<a href="https://open-goal.github.io/#/" target="_blank" rel="noopener noreferrer"
class="list-group-item list-group-item-action">OpenGOAL
Documentation</a>
<a href="https://discord.gg/VZbXMHXzWv" target="_blank" rel="noopener noreferrer"
class="list-group-item list-group-item-action">Discord Server</a>
<div class="tab-pane fade show active" id="general" role="tabpanel" aria-labelledby="general-tab">
<div class="container">
<div class="row mb-3">
<button type="button" class="btn btn-success" onclick="send('checkUpdates')">Check for Updates</button>
</div>
<div class="row mb-3">
<button type="button" class="btn btn-success">Toggle Dynamic Backgrounds</button>
</div>
<div class="row">
<button type="button" class="btn btn-danger">Uninstall</button>
</div>
</div>
</div>
<div class="tab-pane fade" id="links" role="tabpanel" aria-labelledby="links-tab">
<div class="container">
<div class="list-group">
<a href="https://github.com/open-goal/jak-project" target="_blank" rel="noopener noreferrer"
class="list-group-item list-group-item-action">OpenGOAL Github Repository</a>
<a href="https://open-goal.github.io/#/" target="_blank" rel="noopener noreferrer"
class="list-group-item list-group-item-action">OpenGOAL
Documentation</a>
<a href="https://discord.gg/VZbXMHXzWv" target="_blank" rel="noopener noreferrer"
class="list-group-item list-group-item-action">Discord Server</a>
</div>
</div>
</div>
</div>
<script src="../../../node_modules/bootstrap/dist/js/bootstrap.bundle.js"></script>