FOSS
/
BangleApps
mirror of https://github.com/espruino/BangleApps
1
0
Fork 1
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #957 from JamesLMilner/minor-style-updates 

Tweak styling to give a more aligned and spaced out layout
pull/966/head
Gordon Williams 2021-11-29 11:37:02 +00:00 committed by GitHub
parent c2b70103a6 616afad056
commit c1dd7c6cab
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 49 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
css/main.css
View File

@ -1,8 +1,52 @@
.navbar { background-color: #5755d9; padding: 0.5em 1em 0.5em 1em; } .navbar { background-color: #5755d9; padding: 1em 1em 1em 1em; }
.navbar .navbar-brand { .navbar .navbar-brand {
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
} }
.container.apploader-tab, ul.tab.tab-block {
padding-left: 1rem;
padding-right: 1rem;
border-bottom: 0px;
}
.navbar-brand.mr-2 > img {
margin-left: 0.3rem;
}
.panel-body.columns {
margin: 1px;
}
.tile.column.col-6.col-sm-12.col-xs-12.app-tile {
border: solid 1px #fafafa;
margin: 0;
min-height: 150px;
padding-top: 0.5rem;
}
.tab.tab-block .tab-item {
border-bottom: solid 1px #dadee4;
}
a.mr-2{
display: flex;
align-items: center;
}
.navbar-section > a > div {
margin-left: 0.75rem;
}
.dropdown-container {
margin-bottom: 0.5rem;
margin-top: 0.5rem;
}
a.btn.btn-link.dropdown-toggle {
padding-left: 0.01em;
}
.avatar img { .avatar img {
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
background: #fff; background: #fff;

7
index.html
View File

@ -21,8 +21,9 @@
</head> </head>
<body> <body>
<header class="navbar-primary navbar"> <header class="navbar-primary navbar">
<section class="navbar-section"> <section class="navbar-section" >
<a href="https://banglejs.com" target="_blank" class="navbar-brand mr-2"><img src="img/banglejs-logo-sml.png" alt="Bangle.js">&nbsp;&nbsp;App Loader</a> <a href="https://banglejs.com" target="_blank" class="navbar-brand mr-2" ><img src="img/banglejs-logo-sml.png" alt="Bangle.js">
<div>App Loader</div></a>
<!-- <a href="#" class="btn btn-link">...</a> --> <!-- <a href="#" class="btn btn-link">...</a> -->
</section> </section>
<section class="navbar-section"> <section class="navbar-section">
@ -59,7 +60,7 @@
</div> </div>
<div class="container apploader-tab" id="librarycontainer"> <div class="container apploader-tab" id="librarycontainer">
<div> <div class="dropdown-container">
<div class="dropdown devicetype-nav"> <div class="dropdown devicetype-nav">
<a href="#" class="btn btn-link dropdown-toggle" tabindex="0"> <a href="#" class="btn btn-link dropdown-toggle" tabindex="0">
<span>All apps</span><i class="icon icon-caret"></i> <span>All apps</span><i class="icon icon-caret"></i>