punkfairie/ed-safari
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases 1 Packages Wiki Activity Actions

Settings back btn.

Browse source
This commit is contained in:
punkfairie 2023-05-13 14:13:57 -07:00
parent 28e9c1edac
commit d5a8fdf3d4
3 changed files with 30 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
settings.html
View file

@ -10,7 +10,7 @@
<div class="col-auto title">ED Safari v0.1.0</div>
<div class="col-auto">
<button type="button" class="btn-close btn-back" id="backBtn"></button>
<button type="button" class="btn-close btn-back backBtn"></button>
<button type="button" class="btn-close" id="closeBtn"></button>
</div>
</div>
@ -46,18 +46,21 @@
</div>
</div>
</div>
<div class="container-fluid">
<div class="row separator align-items-center">
<div class="col"><hr class="separator"></div>
<div class="col-auto">
<button type="submit" class="btn btn-primary">Save</button>
</div>
<div class="col"><hr class="separator"></div>
</div>
</div>
</form>
<div class="container-fluid">
<div class="row separator align-items-center">
<div class="col"><hr class="separator"></div>
<div class="col-auto">
<button type="button" class="btn backBtn">Cancel</button>
</div>
<div class="col-auto">
<button type="submit" form="settingsForm" class="btn">Save</button>
</div>
<div class="col"><hr class="separator"></div>
</div>
</div>
<script type="module" src="/src/settings.js"></script>
</body>
</html>

15
src/assets/index.css
View file

@ -204,4 +204,19 @@ div b.active.landable {
#titlebar .btn-back {
background: transparent url('./../icons/arrow-left.svg') center/1em auto no-repeat;
}
.separator .btn {
color: var(--main);
text-transform: inherit;
font-family: inherit;
font-size: inherit;
text-shadow: inherit;
transition: color 300ms;
border-radius: 0;
}
.separator .btn:hover {
color: var(--accent-light);
transition: color 300ms;
}

2
src/settings.js
View file

@ -13,6 +13,6 @@ $('#closeBtn').on('click', () => {
/* ---------------------------------------------------------------- load main window handler ---- */
$('#backBtn').on('click', () => {
$('.backBtn').on('click', () => {
ipcRenderer.send('LOAD_MAIN')
})