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 title">ED Safari v0.1.0</div>
<div class="col-auto"> <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> <button type="button" class="btn-close" id="closeBtn"></button>
</div> </div>
</div> </div>
@ -46,18 +46,21 @@
</div> </div>
</div> </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> </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> <script type="module" src="/src/settings.js"></script>
</body> </body>
</html> </html>

15
src/assets/index.css
View file

@ -205,3 +205,18 @@ div b.active.landable {
#titlebar .btn-back { #titlebar .btn-back {
background: transparent url('./../icons/arrow-left.svg') center/1em auto no-repeat; 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 ---- */ /* ---------------------------------------------------------------- load main window handler ---- */
$('#backBtn').on('click', () => { $('.backBtn').on('click', () => {
ipcRenderer.send('LOAD_MAIN') ipcRenderer.send('LOAD_MAIN')
}) })