Shahana Farooqui
5 years ago
parent
a8c5280506
commit
e9e40a31be
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 114 KiB |
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
||||
!function(e){function r(r){for(var n,a,i=r[0],f=r[1],c=r[2],p=0,s=[];p<i.length;p++)o[a=i[p]]&&s.push(o[a][0]),o[a]=0;for(n in f)Object.prototype.hasOwnProperty.call(f,n)&&(e[n]=f[n]);for(l&&l(r);s.length;)s.shift()();return u.push.apply(u,c||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,i=1;i<t.length;i++)0!==o[t[i]]&&(n=!1);n&&(u.splice(r--,1),e=a(a.s=t[0]))}return e}var n={},o={0:0},u=[];function a(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,a),t.l=!0,t.exports}a.e=function(e){var r=[],t=o[e];if(0!==t)if(t)r.push(t[2]);else{var n=new Promise(function(r,n){t=o[e]=[r,n]});r.push(t[2]=n);var u,i=document.createElement("script");i.charset="utf-8",i.timeout=120,a.nc&&i.setAttribute("nonce",a.nc),i.src=function(e){return a.p+""+({}[e]||e)+"."+{1:"54f1b90d9c910a1bad05",6:"9f46ff9d0ed319a0a92b",7:"df4b7e7308f19047f695"}[e]+".js"}(e);var f=new Error;u=function(r){i.onerror=i.onload=null,clearTimeout(c);var t=o[e];if(0!==t){if(t){var n=r&&("load"===r.type?"missing":r.type),u=r&&r.target&&r.target.src;f.message="Loading chunk "+e+" failed.\n("+n+": "+u+")",f.name="ChunkLoadError",f.type=n,f.request=u,t[1](f)}o[e]=void 0}};var c=setTimeout(function(){u({type:"timeout",target:i})},12e4);i.onerror=i.onload=u,document.head.appendChild(i)}return Promise.all(r)},a.m=e,a.c=n,a.d=function(e,r,t){a.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,r){if(1&r&&(e=a(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(a.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)a.d(t,n,(function(r){return e[r]}).bind(null,n));return t},a.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(r,"a",r),r},a.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},a.p="",a.oe=function(e){throw console.error(e),e};var i=window.webpackJsonp=window.webpackJsonp||[],f=i.push.bind(i);i.push=r,i=i.slice();for(var c=0;c<i.length;c++)r(i[c]);var l=f;t()}([]);
|
||||
!function(e){function r(r){for(var n,a,i=r[0],f=r[1],c=r[2],p=0,s=[];p<i.length;p++)o[a=i[p]]&&s.push(o[a][0]),o[a]=0;for(n in f)Object.prototype.hasOwnProperty.call(f,n)&&(e[n]=f[n]);for(l&&l(r);s.length;)s.shift()();return u.push.apply(u,c||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,i=1;i<t.length;i++)0!==o[t[i]]&&(n=!1);n&&(u.splice(r--,1),e=a(a.s=t[0]))}return e}var n={},o={0:0},u=[];function a(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,a),t.l=!0,t.exports}a.e=function(e){var r=[],t=o[e];if(0!==t)if(t)r.push(t[2]);else{var n=new Promise(function(r,n){t=o[e]=[r,n]});r.push(t[2]=n);var u,i=document.createElement("script");i.charset="utf-8",i.timeout=120,a.nc&&i.setAttribute("nonce",a.nc),i.src=function(e){return a.p+""+({}[e]||e)+"."+{1:"54f1b90d9c910a1bad05",6:"9f46ff9d0ed319a0a92b",7:"67df24f51edb78693a9a"}[e]+".js"}(e);var f=new Error;u=function(r){i.onerror=i.onload=null,clearTimeout(c);var t=o[e];if(0!==t){if(t){var n=r&&("load"===r.type?"missing":r.type),u=r&&r.target&&r.target.src;f.message="Loading chunk "+e+" failed.\n("+n+": "+u+")",f.name="ChunkLoadError",f.type=n,f.request=u,t[1](f)}o[e]=void 0}};var c=setTimeout(function(){u({type:"timeout",target:i})},12e4);i.onerror=i.onload=u,document.head.appendChild(i)}return Promise.all(r)},a.m=e,a.c=n,a.d=function(e,r,t){a.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,r){if(1&r&&(e=a(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(a.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)a.d(t,n,(function(r){return e[r]}).bind(null,n));return t},a.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(r,"a",r),r},a.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},a.p="",a.oe=function(e){throw console.error(e),e};var i=window.webpackJsonp=window.webpackJsonp||[],f=i.push.bind(i);i.push=r,i=i.slice();for(var c=0;c<i.length;c++)r(i[c]);var l=f;t()}([]);
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,66 @@
|
||||
<div fxLayout="row" class="padding-gap page-title">
|
||||
<fa-icon [icon]="faTools" class="fa-icon-small mr-1"></fa-icon>
|
||||
<span>Application Settings</span>
|
||||
</div>
|
||||
<div fxLayout="column" class="padding-gap">
|
||||
<mat-card>
|
||||
<mat-card-content>
|
||||
<div fxLayout="column">
|
||||
<div *ngIf="selNode.lnImplementation !== 'CLT'">
|
||||
<h4>Currency Unit</h4>
|
||||
<div fxLayout="row" fxLayoutAlign="space-between center">
|
||||
<span>{{currencyUnit}}</span>
|
||||
<mat-slide-toggle [checked]="selNode?.settings?.satsToBTC" (change)="toggleSettings('satsToBTC')"
|
||||
labelPosition="before"></mat-slide-toggle>
|
||||
</div>
|
||||
<mat-divider class="mt-2"></mat-divider>
|
||||
</div>
|
||||
<div *ngIf="showSettingOption">
|
||||
<h4>Menu</h4>
|
||||
<mat-radio-group [(ngModel)]="selectedMenu" (change)="chooseMenu()">
|
||||
<mat-radio-button *ngFor="let menu of menus" [value]="menu">{{menu}}</mat-radio-button>
|
||||
</mat-radio-group>
|
||||
<mat-divider class="mt-2"></mat-divider>
|
||||
</div>
|
||||
<h4>Menu Type</h4>
|
||||
<mat-radio-group [(ngModel)]="selectedMenuType" (change)="chooseMenuType()">
|
||||
<mat-radio-button *ngFor="let menuType of menuTypes" [value]="menuType">{{menuType}}</mat-radio-button>
|
||||
</mat-radio-group>
|
||||
<mat-divider class="mt-2"></mat-divider>
|
||||
<div *ngIf="showSettingOption">
|
||||
<div fxLayout="column">
|
||||
<h4>Sidenav Options</h4>
|
||||
<div fxLayout="row" fxLayoutAlign="space-between center">
|
||||
<span>Opened</span>
|
||||
<mat-slide-toggle [checked]="selNode?.settings?.flgSidenavOpened"
|
||||
(change)="toggleSettings('flgSidenavOpened')" labelPosition="before"></mat-slide-toggle>
|
||||
</div>
|
||||
<div fxLayout="row" fxLayoutAlign="space-between center">
|
||||
<span>Pinned</span>
|
||||
<mat-slide-toggle [checked]="selNode?.settings?.flgSidenavPinned"
|
||||
(change)="toggleSettings('flgSidenavPinned')" labelPosition="before"></mat-slide-toggle>
|
||||
</div>
|
||||
</div>
|
||||
<mat-divider class="mt-2"></mat-divider>
|
||||
</div>
|
||||
<h4>Skins</h4>
|
||||
<div fxLayout="row" fxLayoutAlign="start start" class="p-0">
|
||||
<div class="skin dark-purple m-1px" (click)="changeTheme('purple-white-dark-theme')"></div>
|
||||
<div class="skin dark-blue m-1px" (click)="changeTheme('dark-blue')"></div>
|
||||
<div class="skin dark-green m-1px" (click)="changeTheme('dark-green')"></div>
|
||||
<div class="skin dark-pink m-1px" (click)="changeTheme('dark-pink')"></div>
|
||||
</div>
|
||||
<div fxLayout="row" fxLayoutAlign="start start" class="p-0">
|
||||
<div class="skin light-purple m-1px" (click)="changeTheme('purple-white-light-theme')"></div>
|
||||
<div class="skin light-blue m-1px" (click)="changeTheme('light-blue')"></div>
|
||||
<div class="skin light-teal m-1px" (click)="changeTheme('light-teal')"></div>
|
||||
<div class="skin light-blue-gray m-1px" (click)="changeTheme('light-blue-gray')"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div fxFlex="15" fxLayoutAlign="start start">
|
||||
<button fxFlex="90" fxLayoutAlign="center center" mat-raised-button color="primary" (click)="onClose()"
|
||||
tabindex="12">Update</button>
|
||||
</div>
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
</div>
|
||||
@ -0,0 +1,25 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
|
||||
import { AppSettingsComponent } from './app-settings.component';
|
||||
|
||||
describe('AppSettingsComponent', () => {
|
||||
let component: AppSettingsComponent;
|
||||
let fixture: ComponentFixture<AppSettingsComponent>;
|
||||
|
||||
beforeEach(async(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [ AppSettingsComponent ]
|
||||
})
|
||||
.compileComponents();
|
||||
}));
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(AppSettingsComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
@ -0,0 +1,95 @@
|
||||
import { Component, OnInit, OnDestroy, Output, EventEmitter } from '@angular/core';
|
||||
import { Subject } from 'rxjs';
|
||||
import { takeUntil } from 'rxjs/operators';
|
||||
import { Store } from '@ngrx/store';
|
||||
|
||||
import { faTools } from '@fortawesome/free-solid-svg-icons';
|
||||
|
||||
import { LightningNode, RTLConfiguration, GetInfoRoot } from '../../models/RTLconfig';
|
||||
import { LoggerService } from '../../services/logger.service';
|
||||
|
||||
import * as RTLActions from '../../../store/rtl.actions';
|
||||
import * as fromRTLReducer from '../../../store/rtl.reducers';
|
||||
|
||||
@Component({
|
||||
selector: 'rtl-app-settings',
|
||||
templateUrl: './app-settings.component.html',
|
||||
styleUrls: ['./app-settings.component.scss']
|
||||
})
|
||||
export class AppSettingsComponent implements OnInit, OnDestroy {
|
||||
public faTools = faTools;
|
||||
public selNode: LightningNode;
|
||||
public information: GetInfoRoot = {};
|
||||
public menus = ['Vertical', 'Horizontal'];
|
||||
public menuTypes = ['Regular', 'Compact', 'Mini'];
|
||||
public selectedMenu: string;
|
||||
public selectedMenuType: string;
|
||||
public currencyUnit = 'BTC';
|
||||
public showSettingOption = true;
|
||||
public appConfig: RTLConfiguration;
|
||||
|
||||
unsubs: Array<Subject<void>> = [new Subject(), new Subject()];
|
||||
@Output('done') done: EventEmitter<void> = new EventEmitter();
|
||||
|
||||
constructor(private logger: LoggerService, private store: Store<fromRTLReducer.RTLState>) {}
|
||||
|
||||
ngOnInit() {
|
||||
this.store.select('root')
|
||||
.pipe(takeUntil(this.unsubs[0]))
|
||||
.subscribe((rtlStore) => {
|
||||
this.appConfig = rtlStore.appConfig;
|
||||
this.selNode = rtlStore.selNode;
|
||||
this.selectedMenu = this.selNode.settings.menu;
|
||||
this.selectedMenuType = this.selNode.settings.menuType;
|
||||
if (window.innerWidth <= 768) {
|
||||
this.selNode.settings.menu = 'Vertical';
|
||||
this.selNode.settings.flgSidenavOpened = false;
|
||||
this.selNode.settings.flgSidenavPinned = false;
|
||||
this.showSettingOption = false;
|
||||
}
|
||||
this.information = rtlStore.nodeData;
|
||||
this.currencyUnit = (undefined !== this.information && undefined !== this.information.currency_unit) ? this.information.currency_unit : 'BTC';
|
||||
this.logger.info(rtlStore);
|
||||
});
|
||||
}
|
||||
|
||||
public chooseMenu() {
|
||||
this.selNode.settings.menu = this.selectedMenu;
|
||||
}
|
||||
|
||||
public chooseMenuType() {
|
||||
this.selNode.settings.menuType = this.selectedMenuType;
|
||||
}
|
||||
|
||||
toggleSettings(toggleField: string) {
|
||||
this.selNode.settings[toggleField] = !this.selNode.settings[toggleField];
|
||||
if (toggleField === 'satsToBTC') {
|
||||
this.store.dispatch(new RTLActions.SetChildNodeSettings({channelBackupPath: this.selNode.settings.channelBackupPath, satsToBTC: this.selNode.settings.satsToBTC}));
|
||||
this.store.dispatch(new RTLActions.SetChildNodeSettingsCL({channelBackupPath: this.selNode.settings.channelBackupPath, satsToBTC: this.selNode.settings.satsToBTC}));
|
||||
}
|
||||
}
|
||||
|
||||
changeTheme(newTheme: string) {
|
||||
this.selNode.settings.theme = newTheme;
|
||||
}
|
||||
|
||||
onClose() {
|
||||
this.logger.info(this.selNode.settings);
|
||||
this.store.dispatch(new RTLActions.SaveSettings(this.selNode.settings));
|
||||
this.done.emit();
|
||||
}
|
||||
|
||||
onSelectionChange(selNodeValue: LightningNode) {
|
||||
this.selNode = selNodeValue;
|
||||
this.store.dispatch(new RTLActions.OpenSpinner('Updating Selected Node...'));
|
||||
this.store.dispatch(new RTLActions.SetSelelectedNode({ lnNode: selNodeValue, isInitialSetup: false }));
|
||||
}
|
||||
|
||||
ngOnDestroy() {
|
||||
this.unsubs.forEach(unsub => {
|
||||
unsub.next();
|
||||
unsub.complete();
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
@ -1,19 +1,28 @@
|
||||
<div fxLayout="row" fxLayoutAlign="start center">
|
||||
<div *ngFor="let menuNode of menuNodes">
|
||||
<button mat-button *ngIf="undefined === menuNode.children" class="horizontal-button" routerLinkActive="h-active-link" [routerLinkActiveOptions]="{exact: true}" routerLink="{{menuNode.link}}" matTooltip="{{menuNode.name}}" matTooltipPosition="above" (click)="onClick(menuNode)">
|
||||
<mat-icon class="mat-icon-36">{{menuNode.icon}}</mat-icon>
|
||||
</button>
|
||||
<div *ngIf="undefined !== menuNode.children" fxLayoutAlign="center center">
|
||||
<button mat-button class="horizontal-button" matTooltip="{{menuNode.name}}" matTooltipPosition="above">
|
||||
<mat-icon [matMenuTriggerFor]="childMenu" class="mat-icon-36">{{menuNode.icon}}</mat-icon>
|
||||
<div fxLayout="row" fxFlex="100" fxLayoutAlign="space-between start">
|
||||
<div fxLayoutAlign="start start">
|
||||
<div *ngFor="let menuNode of menuNodes">
|
||||
<button mat-button *ngIf="undefined === menuNode.children" class="horizontal-button" routerLinkActive="h-active-link" [routerLinkActiveOptions]="{exact: true}" routerLink="{{menuNode.link}}" (click)="onClick(menuNode)">
|
||||
<fa-icon [icon]="menuNode.icon" class="fa-icon-small mr-2"></fa-icon>
|
||||
<span>{{menuNode.name}}</span>
|
||||
</button>
|
||||
<mat-menu #childMenu="matMenu" xPosition="after" overlapTrigger="false" class="child-menu">
|
||||
<div *ngFor="let childNode of menuNode.children">
|
||||
<button mat-button class="horizontal-button bg-primary p-0" fxFlex="100" [routerLinkActive]="'h-active-link'" routerLink="{{childNode.link}}" [routerLinkActiveOptions]="{exact: true}">
|
||||
<mat-icon matTooltip="{{childNode.name}}" matTooltipPosition="after" class="mat-icon-36">{{childNode.icon}}<span *ngIf="childNode.name === 'Pending'" [matBadgeHidden]="numPendingChannels<1" matBadge="{{numPendingChannels}}" matBadgeOverlap="false" matBadgeColor="accent"></span></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
</mat-menu>
|
||||
<div *ngIf="undefined !== menuNode.children" fxLayoutAlign="start start" [matMenuTriggerFor]="childMenu">
|
||||
<button mat-button class="horizontal-button">
|
||||
<fa-icon [icon]="menuNode.icon" class="fa-icon-small mr-2"></fa-icon>
|
||||
<span>{{menuNode.name}}</span>
|
||||
</button>
|
||||
<mat-menu #childMenu="matMenu" xPosition="after" overlapTrigger="false" class="child-menu">
|
||||
<div *ngFor="let childNode of menuNode.children">
|
||||
<button mat-button class="horizontal-button bg-primary px-2" fxFlex="100" fxLayoutAlign="start start" [routerLinkActive]="'h-active-link'" routerLink="{{childNode.link}}" [routerLinkActiveOptions]="{exact: true}">
|
||||
<fa-icon matTooltip="{{childNode.name}}" [icon]="childNode.icon" class="fa-icon-small mr-2"></fa-icon>
|
||||
<span>{{childNode.name}}<span *ngIf="childNode.name === 'Peers/Channels'" [matBadgeHidden]="numPendingChannels<1" matBadge="{{numPendingChannels}}" matBadgeOverlap="false" matBadgeColor="accent"></span></span>
|
||||
</button>
|
||||
</div>
|
||||
</mat-menu>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div fxLayoutAlign="end end" style="align-self: center;">
|
||||
<button mat-raised-button fxLayoutAlign="center center" class="horizontal-button-show" tabindex="20" type="click">Show Public Key</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@ -1,22 +1,22 @@
|
||||
<mat-menu #topMenu="matMenu" [overlapTrigger]="false" class="top-menu">
|
||||
<p mat-menu-item>
|
||||
<mat-icon>publish</mat-icon>
|
||||
<fa-icon [icon]="faCodeBranch" class="fa-icon-small mr-4"></fa-icon>
|
||||
<span>Version: {{version}}</span>
|
||||
</p>
|
||||
<a mat-menu-item routerLink="/sconfig">
|
||||
<mat-icon>perm_data_setting</mat-icon>
|
||||
<fa-icon [icon]="faCog" class="fa-icon-small mr-4"></fa-icon>
|
||||
<span routerLink="/sconfig">Node Config</span>
|
||||
</a>
|
||||
<a mat-menu-item routerLink="/help">
|
||||
<mat-icon>help</mat-icon>
|
||||
<fa-icon [icon]="faLifeRing" class="fa-icon-small mr-4"></fa-icon>
|
||||
<span routerLink="/help">Help</span>
|
||||
</a>
|
||||
<a *ngIf="showLogout" mat-menu-item (click)="onClick()">
|
||||
<mat-icon>eject</mat-icon>
|
||||
<fa-icon [icon]="faEject" class="fa-icon-small mr-4"></fa-icon>
|
||||
<span>Logout</span>
|
||||
</a>
|
||||
</mat-menu>
|
||||
|
||||
<button mat-icon-button [matMenuTriggerFor]="topMenu">
|
||||
<mat-icon>account_circle</mat-icon>
|
||||
<button mat-icon-button [matMenuTriggerFor]="topMenu" class="top-toolbar-icon">
|
||||
<img src="assets/images/RTL-Helmet_Trans.svg" alt="RTL Logo" style="width:24px;">
|
||||
</button>
|
||||
|
||||
@ -1,16 +1,19 @@
|
||||
$font-family: 'Roboto', sans-serif;
|
||||
|
||||
$nodes-toolbar-height: 52px;
|
||||
// $toolbar-height: 60px;
|
||||
$nodes-toolbar-height: 5.2rem;
|
||||
$horizontal-toolbar-height: 6rem;
|
||||
|
||||
$font-family: 'Roboto', sans-serif;
|
||||
$font-size: 14px;
|
||||
$toolbar-height: 46px;
|
||||
$regular-sidenav-width: 250px;
|
||||
$compact-sidenav-width: 185px;
|
||||
$mini-sidenav-width: 100px;
|
||||
$sidenav-info-height: 90px;
|
||||
$settings-nav-width: 150px;
|
||||
$gap: 8px;
|
||||
$icon-size: 36px;
|
||||
$pubkey-info-height: 15px;
|
||||
$font-size: 1.4rem;
|
||||
$toolbar-height: 4.8rem;
|
||||
$regular-sidenav-width: 22rem;
|
||||
$compact-sidenav-width: 18.5rem;
|
||||
$mini-sidenav-width: 10rem;
|
||||
$sidenav-info-height: 9rem;
|
||||
$settings-nav-width: 15rem;
|
||||
$gap: 0.8rem;
|
||||
$icon-size: 3.6rem;
|
||||
$pubkey-info-height: 1.5rem;
|
||||
|
||||
$fa-icon-small-size: 2rem;
|
||||
$fa-icon-regular-size: 4rem;
|
||||
@ -0,0 +1,34 @@
|
||||
// MEDIA QUERY MANAGER
|
||||
/*
|
||||
0 - 600px: Phone
|
||||
600 - 900px: Tablet portrait
|
||||
900 - 1200px: Tablet landscape
|
||||
[1200 - 1800] is where our normal styles apply
|
||||
1800px + : Big desktop
|
||||
|
||||
$breakpoint arguement choices:
|
||||
- phone
|
||||
- tab-port
|
||||
- tab-land
|
||||
- big-desktop
|
||||
|
||||
ORDER: Base + typography > general layout + grid > page layout > components
|
||||
|
||||
1em = 16px
|
||||
*/
|
||||
|
||||
@mixin respond($breakpoint) {
|
||||
@if $breakpoint == phone {
|
||||
@media only screen and (max-width: 37.5em) { @content }; //600px
|
||||
}
|
||||
@if $breakpoint == tab-port {
|
||||
@media only screen and (max-width: 56.25em) { @content }; //900px
|
||||
}
|
||||
@if $breakpoint == tab-land {
|
||||
@media only screen and (max-width: 75em) { @content }; //1200px
|
||||
}
|
||||
@if $breakpoint == big-desktop {
|
||||
@media only screen and (min-width: 112.5em) { @content }; //1800
|
||||
}
|
||||
}
|
||||
|
||||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 114 KiB |
Loading…
Reference in New Issue