FJurmanovic/wallet-web
1
0
Fork 0
mirror of https://github.com/FJurmanovic/wallet-web.git synced 2026-11-11 15:51:10 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

added some style

Browse Source
This commit is contained in:
Fran Jurmanović
2021-06-04 00:54:23 +02:00
parent 82c9699e17
commit 54607aba58
13 changed files with 195 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
src/styles/sidebar/sidebar.scss
View File

@@ -1,47 +1,29 @@
app-menu {
[data-target="app-menu.sidebar"] {
margin: 0;
padding: 0;
width: 200px;
background-color: #f1f1f1;
position: fixed;
height: 100%;
overflow: auto;
top: 0;
left: 0;
menu-layout {
[data-target="menu-layout.appPage"] {
display: grid;
width: 100%;
min-height: 100vh;
grid-template-columns: 301px auto;
grid-template-areas: "sidebar content";
menu-item {
[data-target="menu-item.itemEl"] {
app-link {
[data-target="app-link.main"] {
width: 100%;
height: 25px;
background-color: #828282;
color: #d5d5d5;
border-radius: 0;
padding-bottom: 25px;
margin: 1px auto;
&:hover {
background-color: #82878a;
}
}
}
&.selected {
app-link {
[data-target="app-link.main"] {
color: #1a1a1a;
background-color: #6e838d;
}
}
}
app-menu {
[data-target="app-menu.sidebar"] {
grid-area: sidebar;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 301px;
border-right: 1px solid $gray-08;
background-color: $black;
}
}
app-slot {
[data-target="base-layout.content"] {
grid-area: content;
margin: 15px;
}
}
}
}
app-slot {
[data-target="base-layout.content"] {
margin-left: 200px;
padding: 1px 16px;
}
}