Qortal/qortal-ui
4
1
Fork 4
mirror of https://github.com/Qortal/qortal-ui.git synced 2025-02-15 11:45:50 +00:00
Code Issues Projects Releases Wiki Activity

Change Sidebar and Topbar

Browse Source
This commit is contained in:
AlphaX-Projects 2022-03-09 02:04:15 -08:00 committed by GitHub
parent 8092758b12
commit ae1f1d0929
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
qortal-ui-core/src/components/app-info.js
View File

@ -54,7 +54,7 @@ class AppInfo extends connect(store)(LitElement) {
flex: 0 0 100px; flex: 0 0 100px;
padding:12px; padding:12px;
border-top: 1px solid var(--border); border-top: 1px solid var(--border);
background: var(--white); background: var(--sidetopbar);
} }
.info { .info {
margin: 0; margin: 0;

6
qortal-ui-core/src/components/app-view.js
View File

@ -38,7 +38,7 @@ class AppView extends connect(store)(LitElement) {
app-drawer { app-drawer {
box-shadow: var(--shadow-2); box-shadow: var(--shadow-2);
background: var(--white); background: var(--sidetopbar);
} }
app-header { app-header {
@ -46,7 +46,7 @@ class AppView extends connect(store)(LitElement) {
} }
app-toolbar { app-toolbar {
background: var(--white); background: var(--sidetopbar);
color: var(--black); color: var(--black);
border-top: var(--border); border-top: var(--border);
} }
@ -55,7 +55,7 @@ class AppView extends connect(store)(LitElement) {
height: 100vh; height: 100vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background: var(--white); background: var(--sidetopbar);
} }
.sideBarMenu{ .sideBarMenu{

2
qortal-ui-core/src/components/sidenav-menu.js
View File

@ -20,7 +20,7 @@ class SidenavMenu extends connect(store)(LitElement) {
.mcd-menu { .mcd-menu {
list-style: none; list-style: none;
padding: 0px 0px; padding: 0px 0px;
background: var(--white); background: var(--sidetopbar);
border-radius: 2px; border-radius: 2px;
width: 100%; width: 100%;
outline: none; outline: none;

8
qortal-ui-core/src/components/wallet-profile.js
View File

@ -36,17 +36,19 @@ class WalletProfile extends connect(store)(LitElement) {
#profileInMenu { #profileInMenu {
padding: 12px; padding: 12px;
border-top: var(--border); border-top: var(--border);
background: var(--white); background: var(--sidetopbar);
color: var(--black); color: var(--black);
} }
#profileInMenu:hover { #profileInMenu:hover {
/* cursor:pointer; */
} }
#accountIcon { #accountIcon {
font-size:48px; font-size:48px;
color: var(--mdc-theme-primary); color: var(--mdc-theme-primary);
display: inline-block; display: inline-block;
} }
#accountName { #accountName {
margin: 0; margin: 0;
font-size: 18px; font-size: 18px;
@ -55,12 +57,14 @@ class WalletProfile extends connect(store)(LitElement) {
width:100%; width:100%;
padding-bottom:8px; padding-bottom:8px;
} }
#blocksMinted { #blocksMinted {
margin:0; margin:0;
margin-top: 0; margin-top: 0;
font-size: 11px; font-size: 11px;
color: #03a9f4; color: #03a9f4;
} }
#address { #address {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;