Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-16 15:40:11 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(dashboard): add pattern bg to the room selector

Browse source
This commit is contained in:
KostyaDanovsky 2017-09-15 18:40:01 +03:00
parent 2f9287e937
commit 300d24f701
5 changed files with 10 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/app/pages/dashboard/rooms/room-selector/room-selector.component.scss
View file

@ -31,7 +31,7 @@
} }
.room-bg { .room-bg {
fill: transparent; fill: nb-theme(card-bg);
stroke: transparent; stroke: transparent;
cursor: pointer; cursor: pointer;
transition: fill 0.4s ease-out; transition: fill 0.4s ease-out;

6
src/app/pages/dashboard/rooms/rooms.component.scss
View file

@ -6,6 +6,12 @@
ngx-room-selector { ngx-room-selector {
width: 70%; width: 70%;
border-right: 2px solid nb-theme(separator); border-right: 2px solid nb-theme(separator);
background: url('/assets/images/square_pattern.svg') repeat;
background-size: 75px;
@include nb-for-theme(cosmic) {
background-image: url('/assets/images/square_pattern_cosmic.svg');
}
} }
ngx-player { ngx-player {

2
src/app/pages/ui-features/icons/icons.component.ts
View file

@ -19,7 +19,7 @@ export class IconsComponent {
'nb-flame-circled', 'nb-gear', 'nb-grid-a', 'nb-grid-a-outline', 'nb-grid-b', 'nb-grid-b-outline', 'nb-flame-circled', 'nb-gear', 'nb-grid-a', 'nb-grid-a-outline', 'nb-grid-b', 'nb-grid-b-outline',
'nb-heart', 'nb-home', 'nb-keypad', 'nb-layout-centre', 'nb-layout-default', 'nb-layout-one-column', 'nb-heart', 'nb-home', 'nb-keypad', 'nb-layout-centre', 'nb-layout-default', 'nb-layout-one-column',
'nb-layout-sidebar-left', 'nb-layout-sidebar-right', 'nb-layout-two-column', 'nb-lightbulb', 'nb-list', 'nb-layout-sidebar-left', 'nb-layout-sidebar-right', 'nb-layout-two-column', 'nb-lightbulb', 'nb-list',
'nb-location', 'nb-locked', 'nb-loop-circled', 'nb-menu', 'nb-notifications', 'nb-paper-plane', 'nb-location', 'nb-locked', 'nb-loop', 'nb-loop-circled', 'nb-menu', 'nb-notifications', 'nb-paper-plane',
'nb-partlysunny', 'nb-pause', 'nb-pause-outline', 'nb-person', 'nb-phone', 'nb-play', 'nb-play-outline', 'nb-partlysunny', 'nb-pause', 'nb-pause-outline', 'nb-person', 'nb-phone', 'nb-play', 'nb-play-outline',
'nb-plus', 'nb-plus-circled', 'nb-power', 'nb-rainy', 'nb-search', 'nb-shuffle', 'nb-skip-backward', 'nb-plus', 'nb-plus-circled', 'nb-power', 'nb-rainy', 'nb-search', 'nb-shuffle', 'nb-skip-backward',
'nb-skip-backward-outline', 'nb-skip-forward', 'nb-skip-forward-outline', 'nb-snowy-circled', 'nb-square', 'nb-skip-backward-outline', 'nb-skip-forward', 'nb-skip-forward-outline', 'nb-snowy-circled', 'nb-square',

1
src/assets/images/square_pattern.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><defs><style>.cls-1{fill:none;stroke:#ebeef2;stroke-miterlimit:10;}</style></defs><title>Asset 2_svg</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><line class="cls-1" x1="75" x2="75" y2="150"/><line class="cls-1" x1="150" y1="75" y2="75"/></g></g></svg>
Side by side

After

Width:  |  Height:  |  Size: 350 B

1
src/assets/images/square_pattern_cosmic.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"><defs><style>.cls-1{fill:none;stroke:#342e73;stroke-miterlimit:10;}</style></defs><title>Asset 2_svg</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><line class="cls-1" x1="75" x2="75" y2="150"/><line class="cls-1" x1="150" y1="75" y2="75"/></g></g></svg>
Side by side

After

Width:  |  Height:  |  Size: 351 B