Mobile resolution fixes

pull/1149/head
ShahanaFarooqui 2 years ago
parent 8339de2a50
commit d7e15cbfaf

@ -10,9 +10,9 @@
<link i18n-rel="" rel="mask-icon" href="assets/images/favicon-light/safari-pinned-tab.svg" color="#5bbad5"> <link i18n-rel="" rel="mask-icon" href="assets/images/favicon-light/safari-pinned-tab.svg" color="#5bbad5">
<meta i18n-content="" name="msapplication-TileColor" content="#da532c"> <meta i18n-content="" name="msapplication-TileColor" content="#da532c">
<meta i18n-content="" name="theme-color" content="#ffffff"> <meta i18n-content="" name="theme-color" content="#ffffff">
<style>@font-face{font-family:Roboto;src:url(Roboto-Thin.f7a95c9c5999532c.woff2) format("woff2"),url(Roboto-Thin.c13c157cb81e8ebb.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:Roboto;src:url(Roboto-ThinItalic.b0e084abf689f393.woff2) format("woff2"),url(Roboto-ThinItalic.1111028df6cea564.woff) format("woff");font-weight:100;font-style:italic}@font-face{font-family:Roboto;src:url(Roboto-Light.0e01b6cd13b3857f.woff2) format("woff2"),url(Roboto-Light.603ca9a537b88428.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:Roboto;src:url(Roboto-LightItalic.232ef4b20215f720.woff2) format("woff2"),url(Roboto-LightItalic.1b5e142f787151c8.woff) format("woff");font-weight:300;font-style:italic}@font-face{font-family:Roboto;src:url(Roboto-Regular.475ba9e4e2d63456.woff2) format("woff2"),url(Roboto-Regular.bcefbfee882bc1cb.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(Roboto-RegularItalic.e3a9ebdaac06bbc4.woff2) format("woff2"),url(Roboto-RegularItalic.0668fae6af0cf8c2.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:Roboto;src:url(Roboto-Medium.457532032ceb0168.woff2) format("woff2"),url(Roboto-Medium.6e1ae5f0b324a0aa.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:Roboto;src:url(Roboto-MediumItalic.872f7060602d55d2.woff2) format("woff2"),url(Roboto-MediumItalic.e06fb533801cbb08.woff) format("woff");font-weight:500;font-style:italic}@font-face{font-family:Roboto;src:url(Roboto-Bold.447291a88c067396.woff2) format("woff2"),url(Roboto-Bold.fc482e6133cf5e26.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Roboto;src:url(Roboto-BoldItalic.1b15168ef6fa4e16.woff2) format("woff2"),url(Roboto-BoldItalic.e26ba339b06f09f7.woff) format("woff");font-weight:700;font-style:italic}@font-face{font-family:Roboto;src:url(Roboto-Black.2eaa390d458c877d.woff2) format("woff2"),url(Roboto-Black.b25f67ad8583da68.woff) format("woff");font-weight:900;font-style:normal}@font-face{font-family:Roboto;src:url(Roboto-BlackItalic.7dc03ee444552bc5.woff2) format("woff2"),url(Roboto-BlackItalic.c8dc642467cb3099.woff) format("woff");font-weight:900;font-style:italic}html{width:100%;height:99%;line-height:1.5;overflow-x:hidden;font-family:Roboto,sans-serif!important;font-size:100%}@media only screen and (max-width: 56.25em){html{font-size:90%}}@media only screen and (max-width: 37.5em){html{font-size:80%}}body{box-sizing:border-box;height:100%;margin:0;overflow:hidden}*{margin:0;padding:0}</style><link rel="stylesheet" href="styles.f65440bd1aaa8c09.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.f65440bd1aaa8c09.css"></noscript></head> <style>@font-face{font-family:Roboto;src:url(Roboto-Thin.f7a95c9c5999532c.woff2) format("woff2"),url(Roboto-Thin.c13c157cb81e8ebb.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:Roboto;src:url(Roboto-ThinItalic.b0e084abf689f393.woff2) format("woff2"),url(Roboto-ThinItalic.1111028df6cea564.woff) format("woff");font-weight:100;font-style:italic}@font-face{font-family:Roboto;src:url(Roboto-Light.0e01b6cd13b3857f.woff2) format("woff2"),url(Roboto-Light.603ca9a537b88428.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:Roboto;src:url(Roboto-LightItalic.232ef4b20215f720.woff2) format("woff2"),url(Roboto-LightItalic.1b5e142f787151c8.woff) format("woff");font-weight:300;font-style:italic}@font-face{font-family:Roboto;src:url(Roboto-Regular.475ba9e4e2d63456.woff2) format("woff2"),url(Roboto-Regular.bcefbfee882bc1cb.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(Roboto-RegularItalic.e3a9ebdaac06bbc4.woff2) format("woff2"),url(Roboto-RegularItalic.0668fae6af0cf8c2.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:Roboto;src:url(Roboto-Medium.457532032ceb0168.woff2) format("woff2"),url(Roboto-Medium.6e1ae5f0b324a0aa.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:Roboto;src:url(Roboto-MediumItalic.872f7060602d55d2.woff2) format("woff2"),url(Roboto-MediumItalic.e06fb533801cbb08.woff) format("woff");font-weight:500;font-style:italic}@font-face{font-family:Roboto;src:url(Roboto-Bold.447291a88c067396.woff2) format("woff2"),url(Roboto-Bold.fc482e6133cf5e26.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Roboto;src:url(Roboto-BoldItalic.1b15168ef6fa4e16.woff2) format("woff2"),url(Roboto-BoldItalic.e26ba339b06f09f7.woff) format("woff");font-weight:700;font-style:italic}@font-face{font-family:Roboto;src:url(Roboto-Black.2eaa390d458c877d.woff2) format("woff2"),url(Roboto-Black.b25f67ad8583da68.woff) format("woff");font-weight:900;font-style:normal}@font-face{font-family:Roboto;src:url(Roboto-BlackItalic.7dc03ee444552bc5.woff2) format("woff2"),url(Roboto-BlackItalic.c8dc642467cb3099.woff) format("woff");font-weight:900;font-style:italic}html{width:100%;height:99%;line-height:1.5;overflow-x:hidden;font-family:Roboto,sans-serif!important;font-size:100%}@media only screen and (max-width: 56.25em){html{font-size:90%}}@media only screen and (max-width: 37.5em){html{font-size:80%}}body{box-sizing:border-box;height:100%;margin:0;overflow:hidden}*{margin:0;padding:0}</style><link rel="stylesheet" href="styles.0578a9e27d5fce54.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.0578a9e27d5fce54.css"></noscript></head>
<body> <body>
<rtl-app></rtl-app> <rtl-app></rtl-app>
<script src="runtime.522ac4a1ff375345.js" type="module"></script><script src="polyfills.431abf66bb94b761.js" type="module"></script><script src="main.5b34e07a5d4ca47d.js" type="module"></script> <script src="runtime.29a5125b0cb92f9b.js" type="module"></script><script src="polyfills.431abf66bb94b761.js" type="module"></script><script src="main.7bd562688952a9d5.js" type="module"></script>
</body></html> </body></html>

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

@ -0,0 +1,2 @@
(()=>{"use strict";var e,_={},v={};function r(e){var n=v[e];if(void 0!==n)return n.exports;var t=v[e]={id:e,loaded:!1,exports:{}};return _[e].call(t.exports,t,t.exports,r),t.loaded=!0,t.exports}r.m=_,e=[],r.O=(n,t,o,u)=>{if(!t){var a=1/0;for(i=0;i<e.length;i++){for(var[t,o,u]=e[i],f=!0,d=0;d<t.length;d++)(!1&u||a>=u)&&Object.keys(r.O).every(b=>r.O[b](t[d]))?t.splice(d--,1):(f=!1,u<a&&(a=u));if(f){e.splice(i--,1);var c=o();void 0!==c&&(n=c)}}return n}u=u||0;for(var i=e.length;i>0&&e[i-1][2]>u;i--)e[i]=e[i-1];e[i]=[t,o,u]},r.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return r.d(n,{a:n}),n},r.d=(e,n)=>{for(var t in n)r.o(n,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((n,t)=>(r.f[t](e,n),n),[])),r.u=e=>e+"."+{"default-src_app_shared_components_currency-unit-converter_currency-unit-converter_component_t-449cdf":"7606c91f766ea99c",src_app_lnd_lnd_module_ts:"4e1ffcb754ffe5b7",src_app_cln_cln_module_ts:"bd70bed98d3e49cc",src_app_eclair_ecl_module_ts:"cc3f551215285bb8"}[e]+".js",r.miniCssF=e=>{},r.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),(()=>{var e={},n="RTLApp:";r.l=(t,o,u,i)=>{if(e[t])e[t].push(o);else{var a,f;if(void 0!==u)for(var d=document.getElementsByTagName("script"),c=0;c<d.length;c++){var l=d[c];if(l.getAttribute("src")==t||l.getAttribute("data-webpack")==n+u){a=l;break}}a||(f=!0,(a=document.createElement("script")).type="module",a.charset="utf-8",a.timeout=120,r.nc&&a.setAttribute("nonce",r.nc),a.setAttribute("data-webpack",n+u),a.src=r.tu(t)),e[t]=[o];var s=(m,b)=>{a.onerror=a.onload=null,clearTimeout(p);var g=e[t];if(delete e[t],a.parentNode&&a.parentNode.removeChild(a),g&&g.forEach(h=>h(b)),m)return m(b)},p=setTimeout(s.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=s.bind(null,a.onerror),a.onload=s.bind(null,a.onload),f&&document.head.appendChild(a)}}})(),r.r=e=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{var e;r.tt=()=>(void 0===e&&(e={createScriptURL:n=>n},typeof trustedTypes<"u"&&trustedTypes.createPolicy&&(e=trustedTypes.createPolicy("angular#bundler",e))),e)})(),r.tu=e=>r.tt().createScriptURL(e),r.p="",(()=>{var e={runtime:0};r.f.j=(o,u)=>{var i=r.o(e,o)?e[o]:void 0;if(0!==i)if(i)u.push(i[2]);else if("runtime"!=o){var a=new Promise((l,s)=>i=e[o]=[l,s]);u.push(i[2]=a);var f=r.p+r.u(o),d=new Error;r.l(f,l=>{if(r.o(e,o)&&(0!==(i=e[o])&&(e[o]=void 0),i)){var s=l&&("load"===l.type?"missing":l.type),p=l&&l.target&&l.target.src;d.message="Loading chunk "+o+" failed.\n("+s+": "+p+")",d.name="ChunkLoadError",d.type=s,d.request=p,i[1](d)}},"chunk-"+o,o)}else e[o]=0},r.O.j=o=>0===e[o];var n=(o,u)=>{var d,c,[i,a,f]=u,l=0;if(i.some(p=>0!==e[p])){for(d in a)r.o(a,d)&&(r.m[d]=a[d]);if(f)var s=f(r)}for(o&&o(u);l<i.length;l++)c=i[l],r.o(e,c)&&e[c]&&e[c][0](),e[c]=0;return r.O(s)},t=self.webpackChunkRTLApp=self.webpackChunkRTLApp||[];t.forEach(n.bind(null,0)),t.push=n.bind(null,t.push.bind(t))})()})();
//# sourceMappingURL=runtime.29a5125b0cb92f9b.js.map

File diff suppressed because one or more lines are too long

@ -1,2 +0,0 @@
(()=>{"use strict";var e,b={},v={};function r(e){var n=v[e];if(void 0!==n)return n.exports;var t=v[e]={id:e,loaded:!1,exports:{}};return b[e].call(t.exports,t,t.exports,r),t.loaded=!0,t.exports}r.m=b,e=[],r.O=(n,t,o,f)=>{if(!t){var a=1/0;for(i=0;i<e.length;i++){for(var[t,o,f]=e[i],d=!0,u=0;u<t.length;u++)(!1&f||a>=f)&&Object.keys(r.O).every(_=>r.O[_](t[u]))?t.splice(u--,1):(d=!1,f<a&&(a=f));if(d){e.splice(i--,1);var c=o();void 0!==c&&(n=c)}}return n}f=f||0;for(var i=e.length;i>0&&e[i-1][2]>f;i--)e[i]=e[i-1];e[i]=[t,o,f]},r.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return r.d(n,{a:n}),n},r.d=(e,n)=>{for(var t in n)r.o(n,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((n,t)=>(r.f[t](e,n),n),[])),r.u=e=>e+"."+{"default-src_app_shared_components_currency-unit-converter_currency-unit-converter_component_t-449cdf":"7606c91f766ea99c",src_app_lnd_lnd_module_ts:"ce581612f8a988bb",src_app_cln_cln_module_ts:"9fcb8f063dc2b2fd",src_app_eclair_ecl_module_ts:"5d7afd4130221061"}[e]+".js",r.miniCssF=e=>{},r.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),(()=>{var e={},n="RTLApp:";r.l=(t,o,f,i)=>{if(e[t])e[t].push(o);else{var a,d;if(void 0!==f)for(var u=document.getElementsByTagName("script"),c=0;c<u.length;c++){var l=u[c];if(l.getAttribute("src")==t||l.getAttribute("data-webpack")==n+f){a=l;break}}a||(d=!0,(a=document.createElement("script")).type="module",a.charset="utf-8",a.timeout=120,r.nc&&a.setAttribute("nonce",r.nc),a.setAttribute("data-webpack",n+f),a.src=r.tu(t)),e[t]=[o];var s=(m,_)=>{a.onerror=a.onload=null,clearTimeout(p);var g=e[t];if(delete e[t],a.parentNode&&a.parentNode.removeChild(a),g&&g.forEach(h=>h(_)),m)return m(_)},p=setTimeout(s.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=s.bind(null,a.onerror),a.onload=s.bind(null,a.onload),d&&document.head.appendChild(a)}}})(),r.r=e=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{var e;r.tt=()=>(void 0===e&&(e={createScriptURL:n=>n},typeof trustedTypes<"u"&&trustedTypes.createPolicy&&(e=trustedTypes.createPolicy("angular#bundler",e))),e)})(),r.tu=e=>r.tt().createScriptURL(e),r.p="",(()=>{var e={runtime:0};r.f.j=(o,f)=>{var i=r.o(e,o)?e[o]:void 0;if(0!==i)if(i)f.push(i[2]);else if("runtime"!=o){var a=new Promise((l,s)=>i=e[o]=[l,s]);f.push(i[2]=a);var d=r.p+r.u(o),u=new Error;r.l(d,l=>{if(r.o(e,o)&&(0!==(i=e[o])&&(e[o]=void 0),i)){var s=l&&("load"===l.type?"missing":l.type),p=l&&l.target&&l.target.src;u.message="Loading chunk "+o+" failed.\n("+s+": "+p+")",u.name="ChunkLoadError",u.type=s,u.request=p,i[1](u)}},"chunk-"+o,o)}else e[o]=0},r.O.j=o=>0===e[o];var n=(o,f)=>{var u,c,[i,a,d]=f,l=0;if(i.some(p=>0!==e[p])){for(u in a)r.o(a,u)&&(r.m[u]=a[u]);if(d)var s=d(r)}for(o&&o(f);l<i.length;l++)c=i[l],r.o(e,c)&&e[c]&&e[c][0](),e[c]=0;return r.O(s)},t=self.webpackChunkRTLApp=self.webpackChunkRTLApp||[];t.forEach(n.bind(null,0)),t.push=n.bind(null,t.push.bind(t))})()})();
//# sourceMappingURL=runtime.522ac4a1ff375345.js.map

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

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

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

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

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -5,9 +5,9 @@
<div fxLayout="column" class="padding-gap-x"> <div fxLayout="column" class="padding-gap-x">
<mat-card> <mat-card>
<mat-card-content class="padding-gap-large"> <mat-card-content class="padding-gap-large">
<div fxLayout="column" fxFlex="100" fxLayoutAlign="space-between stretch"> <div fxLayout="column" fxLayoutAlign="space-between stretch">
<form #formAsk="ngForm" fxLayout="column" fxLayoutAlign="space-between stretch" fxLayout.gt-sm="row wrap"> <form #formAsk="ngForm" fxFlex="100" fxLayout="column" fxLayoutAlign="start stretch" fxLayoutAlign.gt-sm="space-between stretch" fxLayout.gt-sm="row wrap">
<div fxFlex="100" fxLayout="row" class="alert alert-warn"> <div fxFlex.gt-xs="100" fxLayout="row" class="alert alert-warn">
<fa-icon class="mr-1 alert-icon" [icon]="faExclamationTriangle"></fa-icon> <fa-icon class="mr-1 alert-icon" [icon]="faExclamationTriangle"></fa-icon>
<span>Ads should be supplemented with additional research of the node, before buying liquidity.</span> <span>Ads should be supplemented with additional research of the node, before buying liquidity.</span>
</div> </div>
@ -73,7 +73,7 @@
<th *matHeaderCellDef mat-header-cell mat-sort-header>Alias</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>Alias</th>
<td *matCellDef="let lqNode" mat-cell> <td *matCellDef="let lqNode" mat-cell>
<div class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}"> <div class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span fxLayout="row" fxLayoutAlign="start center" class="ellipsis-child"> <span fxLayout.gt-xs="row" fxLayoutAlign.gt-xs="start center" class="ellipsis-child">
{{lqNode?.alias}} {{lqNode?.alias}}
<mat-chip-list class="ml-half" aria-label="Address Types"> <mat-chip-list class="ml-half" aria-label="Address Types">
<mat-chip *ngFor="let addrType of lqNode.address_types" color="primary" selected> <mat-chip *ngFor="let addrType of lqNode.address_types" color="primary" selected>

@ -1,5 +1,5 @@
<div *ngIf="errorMessage?.trim() === ''; else errorBlock" fxLayout="row" fxFlex="100" fxLayoutAlign="stretch"class="mt-2 h-100"> <div *ngIf="errorMessage?.trim() === ''; else errorBlock" fxLayout="column" fxLayout.gt-xs="row" fxFlex="100" fxLayoutAlign="stretch stretch">
<div fxLayout="column" fxFlex="50" fxLayoutAlign="space-between stretch"> <div fxLayout="column" fxFlex="50" fxLayoutAlign="space-between stretch" class="mt-2">
<div> <div>
<h4 fxLayoutAlign="start start" class="dashboard-info-title"> <h4 fxLayoutAlign="start start" class="dashboard-info-title">
Opening Opening
@ -29,7 +29,7 @@
<div class="overflow-wrap dashboard-info-value">{{perkbw?.delayed_to_us | number}}</div> <div class="overflow-wrap dashboard-info-value">{{perkbw?.delayed_to_us | number}}</div>
</div> </div>
</div> </div>
<div fxLayout="column" fxFlex="50" fxLayoutAlign="space-between stretch"> <div fxLayout="column" fxFlex="50" fxLayoutAlign="space-between stretch" class="my-2">
<div> <div>
<h4 fxLayoutAlign="start start" class="dashboard-info-title"> <h4 fxLayoutAlign="start start" class="dashboard-info-title">
Minimum Acceptable Minimum Acceptable

@ -1,5 +1,5 @@
<div *ngIf="errorMessage?.trim() === ''; else errorBlock" fxLayout="row" fxFlex="100" fxLayoutAlign="stretch"class="mt-2 h-100"> <div *ngIf="errorMessage?.trim() === ''; else errorBlock" fxLayout="column" fxLayout.gt-xs="row" fxFlex="100" fxLayoutAlign="stretch stretch">
<div fxLayout="column" fxFlex="50" fxLayoutAlign="space-between stretch"> <div fxLayout="column" fxFlex="50" fxLayoutAlign="space-between stretch" class="mt-2">
<div> <div>
<h4 fxLayoutAlign="start start" class="dashboard-info-title"> <h4 fxLayoutAlign="start start" class="dashboard-info-title">
Opening Channel Opening Channel
@ -26,7 +26,7 @@
<div class="overflow-wrap dashboard-info-value"></div> <div class="overflow-wrap dashboard-info-value"></div>
</div> </div>
</div> </div>
<div fxLayout="column" fxFlex="50" fxLayoutAlign="space-between stretch"> <div fxLayout="column" fxFlex="50" fxLayoutAlign="space-between stretch" class="mt-2">
<div> <div>
<h4 fxLayoutAlign="start start" class="dashboard-info-title"> <h4 fxLayoutAlign="start start" class="dashboard-info-title">
HTLC Timeout HTLC Timeout

@ -36,7 +36,7 @@
<ng-container matColumnDef="txid"> <ng-container matColumnDef="txid">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Transaction ID</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>Transaction ID</th>
<td *matCellDef="let utxo" mat-cell> <td *matCellDef="let utxo" mat-cell>
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}"> <span fxLayout.gt-xs="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{utxo.txid}}</span> <span class="ellipsis-child">{{utxo.txid}}</span>
</span> </span>
</td> </td>
@ -44,7 +44,7 @@
<ng-container matColumnDef="address"> <ng-container matColumnDef="address">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Address</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>Address</th>
<td *matCellDef="let utxo" mat-cell> <td *matCellDef="let utxo" mat-cell>
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}"> <span fxLayout.gt-xs="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{utxo.address}}</span> <span class="ellipsis-child">{{utxo.address}}</span>
</span> </span>
</td> </td>
@ -52,7 +52,7 @@
<ng-container matColumnDef="scriptpubkey"> <ng-container matColumnDef="scriptpubkey">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Script Pubkey</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>Script Pubkey</th>
<td *matCellDef="let utxo" mat-cell> <td *matCellDef="let utxo" mat-cell>
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}"> <span fxLayout.gt-xs="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{utxo.scriptpubkey}}</span> <span class="ellipsis-child">{{utxo.scriptpubkey}}</span>
</span> </span>
</td> </td>

@ -1,9 +1,11 @@
.mat-column-is_dust { .mat-column-is_dust {
max-width: 1.2rem; max-width: 2.1rem;
width: 1.2rem; width: 2.1rem;
text-overflow: unset;
} }
.mat-column-status { .mat-column-status {
max-width: 1.2rem; max-width: 2.1rem;
width: 1.2rem; width: 2.1rem;
text-overflow: unset;
} }

@ -27,7 +27,7 @@
<ng-container matColumnDef="short_channel_id"> <ng-container matColumnDef="short_channel_id">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Short Channel ID</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>Short Channel ID</th>
<td *matCellDef="let channel" mat-cell> <td *matCellDef="let channel" mat-cell>
<div class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '4rem' : colWidth}"> <div class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{channel?.short_channel_id}}</span> <span class="ellipsis-child">{{channel?.short_channel_id}}</span>
</div> </div>
</td> </td>
@ -35,7 +35,7 @@
<ng-container matColumnDef="alias"> <ng-container matColumnDef="alias">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Alias</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>Alias</th>
<td *matCellDef="let channel" mat-cell> <td *matCellDef="let channel" mat-cell>
<div class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '4rem' : colWidth}"> <div class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{channel?.alias}}</span> <span class="ellipsis-child">{{channel?.alias}}</span>
</div> </div>
</td> </td>
@ -43,7 +43,7 @@
<ng-container matColumnDef="id"> <ng-container matColumnDef="id">
<th *matHeaderCellDef mat-header-cell mat-sort-header>ID</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>ID</th>
<td *matCellDef="let channel" mat-cell> <td *matCellDef="let channel" mat-cell>
<div class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '4rem' : colWidth}"> <div class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{channel?.id}}</span> <span class="ellipsis-child">{{channel?.id}}</span>
</div> </div>
</td> </td>
@ -51,7 +51,7 @@
<ng-container matColumnDef="channel_id"> <ng-container matColumnDef="channel_id">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Channel ID</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>Channel ID</th>
<td *matCellDef="let channel" mat-cell> <td *matCellDef="let channel" mat-cell>
<div class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '4rem' : colWidth}"> <div class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{channel?.channel_id}}</span> <span class="ellipsis-child">{{channel?.channel_id}}</span>
</div> </div>
</td> </td>
@ -59,7 +59,7 @@
<ng-container matColumnDef="funding_txid"> <ng-container matColumnDef="funding_txid">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Funding Transaction ID</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>Funding Transaction ID</th>
<td *matCellDef="let channel" mat-cell> <td *matCellDef="let channel" mat-cell>
<div class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '4rem' : colWidth}"> <div class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{channel?.funding_txid}}</span> <span class="ellipsis-child">{{channel?.funding_txid}}</span>
</div> </div>
</td> </td>

@ -1,6 +1,6 @@
.mat-column-private { .mat-column-private {
max-width: 2.1rem; max-width: 1.6rem;
width:2.1rem; width: 1.6rem;
text-overflow: unset; text-overflow: unset;
} }

@ -1,5 +1,5 @@
.mat-column-private { .mat-column-private {
max-width: 2.1rem; max-width: 1.6rem;
width:2.1rem; width: 1.6rem;
text-overflow: unset; text-overflow: unset;
} }

@ -1,5 +1,5 @@
.mat-column-connected { .mat-column-connected {
max-width: 2.1rem; max-width: 1.6rem;
width:2.1rem; width: 1.6rem;
text-overflow: unset; text-overflow: unset;
} }

@ -1,6 +1,6 @@
<div fxLayout="column" fxLayoutAlign="start stretch" class="padding-gap-x"> <div fxLayout="column" fxLayoutAlign="start stretch" class="padding-gap-x">
<div *ngIf="errorMessage !== ''" class="p-2 error-border my-2">{{errorMessage}}</div> <div *ngIf="errorMessage !== ''" class="p-2 error-border my-2">{{errorMessage}}</div>
<div *ngIf="errorMessage === ''" fxLayout.gt-xs="column" fxLayout="row" fxLayoutAlign="start center" fxLayoutAlign.gt-xs="start stretch" class="page-sub-title-container"> <div *ngIf="errorMessage === ''" fxLayout="column" fxLayoutAlign="start stretch" class="page-sub-title-container">
<div fxFlex="100" class="alert alert-warn mt-1"> <div fxFlex="100" class="alert alert-warn mt-1">
<fa-icon class="mr-1 alert-icon" [icon]="faExclamationTriangle"></fa-icon> <fa-icon class="mr-1 alert-icon" [icon]="faExclamationTriangle"></fa-icon>
<span>Maximum 1,000 failed transactions only.</span> <span>Maximum 1,000 failed transactions only.</span>
@ -39,7 +39,7 @@
<ng-container matColumnDef="in_channel_alias"> <ng-container matColumnDef="in_channel_alias">
<th *matHeaderCellDef mat-header-cell mat-sort-header>In Channel</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>In Channel</th>
<td *matCellDef="let fhEvent" mat-cell> <td *matCellDef="let fhEvent" mat-cell>
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}"> <span fxLayout.gt-xs="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{fhEvent?.in_channel_alias}}</span> <span class="ellipsis-child">{{fhEvent?.in_channel_alias}}</span>
</span> </span>
</td> </td>
@ -51,7 +51,7 @@
<ng-container matColumnDef="out_channel_alias"> <ng-container matColumnDef="out_channel_alias">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Out Channel</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>Out Channel</th>
<td *matCellDef="let fhEvent" mat-cell> <td *matCellDef="let fhEvent" mat-cell>
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}"> <span fxLayout.gt-xs="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{fhEvent?.out_channel_alias}}</span> <span class="ellipsis-child">{{fhEvent?.out_channel_alias}}</span>
</span> </span>
</td> </td>

@ -1,6 +1,6 @@
<div fxLayout="column" fxLayoutAlign="start stretch" class="padding-gap-x"> <div fxLayout="column" fxLayoutAlign="start stretch" class="padding-gap-x">
<div *ngIf="errorMessage !== ''" class="p-2 error-border my-2">{{errorMessage}}</div> <div *ngIf="errorMessage !== ''" class="p-2 error-border my-2">{{errorMessage}}</div>
<div *ngIf="errorMessage === ''" fxLayout.gt-xs="column" fxLayout="row" fxLayoutAlign="start center" fxLayoutAlign.gt-xs="start stretch" class="page-sub-title-container"> <div *ngIf="errorMessage === ''" fxLayout="column" fxLayoutAlign="start stretch" class="page-sub-title-container">
<div fxFlex="100" class="alert alert-warn mt-1"> <div fxFlex="100" class="alert alert-warn mt-1">
<fa-icon class="mr-1 alert-icon" [icon]="faExclamationTriangle"></fa-icon> <fa-icon class="mr-1 alert-icon" [icon]="faExclamationTriangle"></fa-icon>
<span>Maximum 1,000 local failed transactions only.</span> <span>Maximum 1,000 local failed transactions only.</span>
@ -35,7 +35,7 @@
<ng-container matColumnDef="in_channel_alias"> <ng-container matColumnDef="in_channel_alias">
<th *matHeaderCellDef mat-header-cell mat-sort-header>In Channel</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>In Channel</th>
<td *matCellDef="let fhEvent" mat-cell> <td *matCellDef="let fhEvent" mat-cell>
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}"> <span fxLayout.gt-xs="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{fhEvent?.in_channel_alias}}</span> <span class="ellipsis-child">{{fhEvent?.in_channel_alias}}</span>
</span> </span>
</td> </td>
@ -47,7 +47,7 @@
<ng-container matColumnDef="out_channel_alias"> <ng-container matColumnDef="out_channel_alias">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Out Channel</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>Out Channel</th>
<td *matCellDef="let fhEvent" mat-cell> <td *matCellDef="let fhEvent" mat-cell>
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}"> <span fxLayout.gt-xs="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{fhEvent?.out_channel_alias}}</span> <span class="ellipsis-child">{{fhEvent?.out_channel_alias}}</span>
</span> </span>
</td> </td>

@ -1,5 +1,5 @@
.mat-column-status { .mat-column-status {
max-width: 2.1rem; max-width: 1.6rem;
width:2.1rem; width: 1.6rem;
text-overflow: unset; text-overflow: unset;
} }

@ -1,5 +1,5 @@
.mat-column-active { .mat-column-active {
max-width: 2.1rem; max-width: 1.6rem;
width:2.1rem; width: 1.6rem;
text-overflow: unset; text-overflow: unset;
} }

@ -57,7 +57,7 @@
<ng-container matColumnDef="payment_hash"> <ng-container matColumnDef="payment_hash">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Payment Hash</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>Payment Hash</th>
<td *matCellDef="let payment" mat-cell> <td *matCellDef="let payment" mat-cell>
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}"> <span fxLayout.gt-xs="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{payment?.payment_hash}}</span> <span class="ellipsis-child">{{payment?.payment_hash}}</span>
</span> </span>
</td> </td>
@ -65,7 +65,7 @@
<ng-container matColumnDef="bolt11"> <ng-container matColumnDef="bolt11">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Invoice</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>Invoice</th>
<td *matCellDef="let payment" mat-cell> <td *matCellDef="let payment" mat-cell>
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}"> <span fxLayout.gt-xs="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{payment?.bolt11}}</span> <span class="ellipsis-child">{{payment?.bolt11}}</span>
</span> </span>
</td> </td>
@ -73,7 +73,7 @@
<ng-container matColumnDef="label"> <ng-container matColumnDef="label">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Label</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>Label</th>
<td *matCellDef="let payment" mat-cell> <td *matCellDef="let payment" mat-cell>
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}"> <span fxLayout.gt-xs="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{payment?.label}}</span> <span class="ellipsis-child">{{payment?.label}}</span>
</span> </span>
</td> </td>
@ -81,7 +81,7 @@
<ng-container matColumnDef="destination"> <ng-container matColumnDef="destination">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Destination</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>Destination</th>
<td *matCellDef="let payment" mat-cell> <td *matCellDef="let payment" mat-cell>
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}"> <span fxLayout.gt-xs="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{payment?.destination}}</span> <span class="ellipsis-child">{{payment?.destination}}</span>
</span> </span>
</td> </td>
@ -89,7 +89,7 @@
<ng-container matColumnDef="memo"> <ng-container matColumnDef="memo">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Memo</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>Memo</th>
<td *matCellDef="let payment" mat-cell> <td *matCellDef="let payment" mat-cell>
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}"> <span fxLayout.gt-xs="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{payment?.memo}}</span> <span class="ellipsis-child">{{payment?.memo}}</span>
</span> </span>
</td> </td>

@ -1,8 +1,8 @@
@import "../../../shared/theme/styles/constants.scss"; @import "../../../shared/theme/styles/constants.scss";
.mat-column-status, .mat-column-group_status { .mat-column-status, .mat-column-group_status {
max-width: 1.2rem; max-width: 1.6rem;
width:1.2rem; width: 1.6rem;
text-overflow: unset; text-overflow: unset;
} }

@ -42,7 +42,7 @@
<ng-container matColumnDef="alias"> <ng-container matColumnDef="alias">
<th *matHeaderCellDef mat-header-cell> Alias</th> <th *matHeaderCellDef mat-header-cell> Alias</th>
<td *matCellDef="let hop" mat-cell> <td *matCellDef="let hop" mat-cell>
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '6rem' : '30rem'}"> <span fxLayout.gt-xs="row" class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '6rem' : '30rem'}">
<span class="ellipsis-child">{{hop?.alias}}</span> <span class="ellipsis-child">{{hop?.alias}}</span>
</span> </span>
</td> </td>
@ -50,7 +50,7 @@
<ng-container matColumnDef="nodeId"> <ng-container matColumnDef="nodeId">
<th *matHeaderCellDef mat-header-cell> ID</th> <th *matHeaderCellDef mat-header-cell> ID</th>
<td *matCellDef="let hop" mat-cell> <td *matCellDef="let hop" mat-cell>
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '6rem' : '30rem'}"> <span fxLayout.gt-xs="row" class="ellipsis-parent" [ngStyle]="{'max-width': (screenSize === screenSizeEnum.XS) ? '6rem' : '30rem'}">
<span class="ellipsis-child">{{hop?.nodeId}}</span> <span class="ellipsis-child">{{hop?.nodeId}}</span>
</span> </span>
</td> </td>

@ -1,6 +1,6 @@
.mat-column-announceChannel { .mat-column-announceChannel {
max-width: 2.1rem; max-width: 1.6rem;
width:2.1rem; width: 1.6rem;
text-overflow: unset; text-overflow: unset;
} }

@ -1,6 +1,6 @@
.mat-column-announceChannel { .mat-column-announceChannel {
max-width: 2.1rem; max-width: 1.6rem;
width:2.1rem; width: 1.6rem;
text-overflow: unset; text-overflow: unset;
} }

@ -1,5 +1,5 @@
.mat-column-announceChannel { .mat-column-announceChannel {
max-width: 2.1rem; max-width: 1.6rem;
width:2.1rem; width: 1.6rem;
text-overflow: unset; text-overflow: unset;
} }

@ -1,5 +1,5 @@
.mat-column-state { .mat-column-state {
max-width: 2.1rem; max-width: 1.6rem;
width:2.1rem; width: 1.6rem;
text-overflow: unset; text-overflow: unset;
} }

@ -1,6 +1,6 @@
.mat-column-type { .mat-column-type {
max-width: 2.1rem; max-width: 1.6rem;
width:2.1rem; width: 1.6rem;
text-overflow: unset; text-overflow: unset;
& svg { & svg {
max-width: 1.6rem; max-width: 1.6rem;

@ -1,5 +1,5 @@
.mat-column-status { .mat-column-status {
max-width: 2.1rem; max-width: 1.6rem;
width:2.1rem; width: 1.6rem;
text-overflow: unset; text-overflow: unset;
} }

@ -1,5 +1,5 @@
<div *ngIf="selNode?.userPersona === userPersonaEnum.OPERATOR; else merchantDashboard"fxLayout="column"> <div *ngIf="selNode?.userPersona === userPersonaEnum.OPERATOR; else merchantDashboard"fxLayout="column">
<div fxLayout="row" fxLayoutAlign="start end" class="page-title-container mb-2"> <div fxLayout="row" fxLayoutAlign="start start" class="page-title-container mb-2">
<fa-icon class="page-title-img mr-1" [icon]="apiCallStatusNodeInfo.status === apiCallStatusEnum.ERROR ? faFrown : faSmile"></fa-icon> <fa-icon class="page-title-img mr-1" [icon]="apiCallStatusNodeInfo.status === apiCallStatusEnum.ERROR ? faFrown : faSmile"></fa-icon>
<span class="page-title">{{apiCallStatusNodeInfo.status === apiCallStatusEnum.COMPLETED ? 'Welcome ' + information.alias + '! Your node is up and running.' : apiCallStatusNodeInfo.status === apiCallStatusEnum.INITIATED ? 'Wait! Getting your node information...' : 'Error! Please check the server connection.'}}</span> <span class="page-title">{{apiCallStatusNodeInfo.status === apiCallStatusEnum.COMPLETED ? 'Welcome ' + information.alias + '! Your node is up and running.' : apiCallStatusNodeInfo.status === apiCallStatusEnum.INITIATED ? 'Wait! Getting your node information...' : 'Error! Please check the server connection.'}}</span>
</div> </div>

@ -28,7 +28,7 @@
<ng-container matColumnDef="tx_id"> <ng-container matColumnDef="tx_id">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Transaction ID</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>Transaction ID</th>
<td *matCellDef="let utxo" mat-cell> <td *matCellDef="let utxo" mat-cell>
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}"> <span fxLayout.gt-xs="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{utxo.outpoint.txid_str}}</span> <span class="ellipsis-child">{{utxo.outpoint.txid_str}}</span>
</span> </span>
</td> </td>
@ -42,7 +42,7 @@
<ng-container matColumnDef="label"> <ng-container matColumnDef="label">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Label</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>Label</th>
<td *matCellDef="let utxo" mat-cell> <td *matCellDef="let utxo" mat-cell>
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}"> <span fxLayout.gt-xs="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{utxo.label}}</span> <span class="ellipsis-child">{{utxo.label}}</span>
</span> </span>
</td> </td>
@ -58,7 +58,7 @@
<ng-container matColumnDef="address"> <ng-container matColumnDef="address">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Address</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>Address</th>
<td *matCellDef="let utxo" mat-cell> <td *matCellDef="let utxo" mat-cell>
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}"> <span fxLayout.gt-xs="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{utxo?.address}}</span> <span class="ellipsis-child">{{utxo?.address}}</span>
</span> </span>
</td> </td>

@ -1,5 +1,5 @@
.mat-column-is_dust { .mat-column-is_dust {
max-width: 2.1rem; max-width: 1.6rem;
width:2.1rem; width: 1.6rem;
text-overflow: unset; text-overflow: unset;
} }

@ -1,6 +1,6 @@
.mat-column-active { .mat-column-active {
max-width: 2.1rem; max-width: 1.6rem;
width:2.1rem; width: 1.6rem;
text-overflow: unset; text-overflow: unset;
} }

@ -1,6 +1,6 @@
.mat-column-state { .mat-column-state {
max-width: 2.1rem; max-width: 1.6rem;
width:2.1rem; width: 1.6rem;
text-overflow: unset; text-overflow: unset;
} }

@ -53,7 +53,7 @@
<ng-container matColumnDef="payment_hash"> <ng-container matColumnDef="payment_hash">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Payment Hash</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>Payment Hash</th>
<td *matCellDef="let payment" mat-cell> <td *matCellDef="let payment" mat-cell>
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}"> <span fxLayout.gt-xs="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{payment?.payment_hash}}</span> <span class="ellipsis-child">{{payment?.payment_hash}}</span>
</span> </span>
</td> </td>
@ -61,7 +61,7 @@
<ng-container matColumnDef="payment_request"> <ng-container matColumnDef="payment_request">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Payment Request</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>Payment Request</th>
<td *matCellDef="let payment" mat-cell> <td *matCellDef="let payment" mat-cell>
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}"> <span fxLayout.gt-xs="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{payment?.payment_request}}</span> <span class="ellipsis-child">{{payment?.payment_request}}</span>
</span> </span>
</td> </td>
@ -69,7 +69,7 @@
<ng-container matColumnDef="payment_preimage"> <ng-container matColumnDef="payment_preimage">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Payment Preimage</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>Payment Preimage</th>
<td *matCellDef="let payment" mat-cell> <td *matCellDef="let payment" mat-cell>
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}"> <span fxLayout.gt-xs="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{payment?.payment_preimage}}</span> <span class="ellipsis-child">{{payment?.payment_preimage}}</span>
</span> </span>
</td> </td>
@ -77,7 +77,7 @@
<ng-container matColumnDef="description"> <ng-container matColumnDef="description">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Description</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>Description</th>
<td *matCellDef="let payment" mat-cell> <td *matCellDef="let payment" mat-cell>
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}"> <span fxLayout.gt-xs="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{payment?.description}}</span> <span class="ellipsis-child">{{payment?.description}}</span>
</span> </span>
</td> </td>
@ -85,7 +85,7 @@
<ng-container matColumnDef="description_hash"> <ng-container matColumnDef="description_hash">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Description Hash</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>Description Hash</th>
<td *matCellDef="let payment" mat-cell> <td *matCellDef="let payment" mat-cell>
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}"> <span fxLayout.gt-xs="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{payment?.description_hash}}</span> <span class="ellipsis-child">{{payment?.description_hash}}</span>
</span> </span>
</td> </td>

@ -1,8 +1,9 @@
@import "../../../shared/theme/styles/constants.scss"; @import "../../../shared/theme/styles/constants.scss";
.mat-column-status, .mat-column-group_status { .mat-column-status, .mat-column-group_status {
max-width: 1.2rem; max-width: 2.1rem;
width: 1.2rem; width: 2.1rem;
text-overflow: unset;
} }
.mat-column-group_actions { .mat-column-group_actions {

@ -32,7 +32,7 @@
<ng-container matColumnDef="claimAddress"> <ng-container matColumnDef="claimAddress">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Claim Address</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>Claim Address</th>
<td *matCellDef="let swap" mat-cell> <td *matCellDef="let swap" mat-cell>
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}"> <span fxLayout.gt-xs="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{swap?.claimAddress}}</span> <span class="ellipsis-child">{{swap?.claimAddress}}</span>
</span> </span>
</td> </td>
@ -40,7 +40,7 @@
<ng-container matColumnDef="lockupAddress"> <ng-container matColumnDef="lockupAddress">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Lockup Address</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>Lockup Address</th>
<td *matCellDef="let swap" mat-cell> <td *matCellDef="let swap" mat-cell>
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}"> <span fxLayout.gt-xs="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{swap?.lockupAddress}}</span> <span class="ellipsis-child">{{swap?.lockupAddress}}</span>
</span> </span>
</td> </td>
@ -60,7 +60,7 @@
<ng-container matColumnDef="error"> <ng-container matColumnDef="error">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Error</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>Error</th>
<td *matCellDef="let swap" mat-cell> <td *matCellDef="let swap" mat-cell>
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}"> <span fxLayout.gt-xs="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{swap?.error}}</span> <span class="ellipsis-child">{{swap?.error}}</span>
</span> </span>
</td> </td>
@ -68,7 +68,7 @@
<ng-container matColumnDef="privateKey"> <ng-container matColumnDef="privateKey">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Private Key</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>Private Key</th>
<td *matCellDef="let swap" mat-cell> <td *matCellDef="let swap" mat-cell>
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}"> <span fxLayout.gt-xs="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{swap?.privateKey}}</span> <span class="ellipsis-child">{{swap?.privateKey}}</span>
</span> </span>
</td> </td>
@ -76,7 +76,7 @@
<ng-container matColumnDef="preimage"> <ng-container matColumnDef="preimage">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Preimage</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>Preimage</th>
<td *matCellDef="let swap" mat-cell> <td *matCellDef="let swap" mat-cell>
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}"> <span fxLayout.gt-xs="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{swap?.preimage}}</span> <span class="ellipsis-child">{{swap?.preimage}}</span>
</span> </span>
</td> </td>
@ -84,7 +84,7 @@
<ng-container matColumnDef="redeemScript"> <ng-container matColumnDef="redeemScript">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Redeem Script</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>Redeem Script</th>
<td *matCellDef="let swap" mat-cell> <td *matCellDef="let swap" mat-cell>
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}"> <span fxLayout.gt-xs="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{swap?.redeemScript}}</span> <span class="ellipsis-child">{{swap?.redeemScript}}</span>
</span> </span>
</td> </td>
@ -92,7 +92,7 @@
<ng-container matColumnDef="invoice"> <ng-container matColumnDef="invoice">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Invoice</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>Invoice</th>
<td *matCellDef="let swap" mat-cell> <td *matCellDef="let swap" mat-cell>
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}"> <span fxLayout.gt-xs="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{swap?.invoice}}</span> <span class="ellipsis-child">{{swap?.invoice}}</span>
</span> </span>
</td> </td>

@ -55,7 +55,7 @@
<ng-container matColumnDef="htlc_address"> <ng-container matColumnDef="htlc_address">
<th *matHeaderCellDef mat-header-cell mat-sort-header>HTLC Address</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>HTLC Address</th>
<td *matCellDef="let swap" mat-cell> <td *matCellDef="let swap" mat-cell>
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}"> <span fxLayout.gt-xs="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{swap?.htlc_address}}</span> <span class="ellipsis-child">{{swap?.htlc_address}}</span>
</span> </span>
</td> </td>
@ -63,7 +63,7 @@
<ng-container matColumnDef="id"> <ng-container matColumnDef="id">
<th *matHeaderCellDef mat-header-cell mat-sort-header>ID</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>ID</th>
<td *matCellDef="let swap" mat-cell> <td *matCellDef="let swap" mat-cell>
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}"> <span fxLayout.gt-xs="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{swap?.id}}</span> <span class="ellipsis-child">{{swap?.id}}</span>
</span> </span>
</td> </td>
@ -71,7 +71,7 @@
<ng-container matColumnDef="id_bytes"> <ng-container matColumnDef="id_bytes">
<th *matHeaderCellDef mat-header-cell mat-sort-header>ID (Bytes)</th> <th *matHeaderCellDef mat-header-cell mat-sort-header>ID (Bytes)</th>
<td *matCellDef="let swap" mat-cell> <td *matCellDef="let swap" mat-cell>
<span fxLayout="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}"> <span fxLayout.gt-xs="row" class="ellipsis-parent" [ngStyle]="{'width': (screenSize === screenSizeEnum.XS) ? '6rem' : colWidth}">
<span class="ellipsis-child">{{swap?.id_bytes}}</span> <span class="ellipsis-child">{{swap?.id_bytes}}</span>
</span> </span>
</td> </td>

@ -1,5 +1,5 @@
<div fxLayout="column" fxFlex="100" fxLayoutAlign="start stretch" class="login-container"> <div fxLayout="column" fxFlex="100" fxLayoutAlign="start stretch" class="login-container">
<div fxLayout="row" fxFlex="35" fxLayoutAlign="center center"> <div fxLayout="row" fxFlex.gt-sm="35" fxLayoutAlign="center center">
<mat-card fxLayout="row" fxFlex="45" fxLayoutAlign="center stretch"> <mat-card fxLayout="row" fxFlex="45" fxLayoutAlign="center stretch">
<div fxLayout="column" fxLayout.gt-sm="row" fxFlex="100" fxLayoutAlign="stretch stretch"> <div fxLayout="column" fxLayout.gt-sm="row" fxFlex="100" fxLayoutAlign="stretch stretch">
<div fxFlex="35" fxLayoutAlign="center center" class="bg-primary"> <div fxFlex="35" fxLayoutAlign="center center" class="bg-primary">

@ -1,4 +1,5 @@
@use 'sass:math' as math; @use 'sass:math' as math;
@import "../../../theme/styles/mixins";
@import '../../../theme/styles/constants.scss'; @import '../../../theme/styles/constants.scss';
h4 { h4 {
@ -7,6 +8,9 @@ h4 {
.theme-name { .theme-name {
min-width: 10rem; min-width: 10rem;
@include for_screensize(phone) {
min-width: unset;
}
} }
.skin { .skin {

@ -858,13 +858,13 @@ export const CLN_PAGE_DEFS: CLNPageDefinitions = {
export const LND_DEFAULT_PAGE_SETTINGS: PageSettings[] = [ export const LND_DEFAULT_PAGE_SETTINGS: PageSettings[] = [
{ pageId: 'on_chain', tables: [ { pageId: 'on_chain', tables: [
{ tableId: 'utxos', recordsPerPage: PAGE_SIZE, sortBy: 'tx_id', sortOrder: SortOrderEnum.DESCENDING, { tableId: 'utxos', recordsPerPage: PAGE_SIZE, sortBy: 'tx_id', sortOrder: SortOrderEnum.DESCENDING,
columnSelectionSM: ['output', 'amount_sat', 'confirmations'], columnSelectionSM: ['output', 'amount_sat'],
columnSelection: ['tx_id', 'output', 'label', 'amount_sat', 'confirmations'] }, columnSelection: ['tx_id', 'output', 'label', 'amount_sat', 'confirmations'] },
{ tableId: 'transactions', recordsPerPage: PAGE_SIZE, sortBy: 'time_stamp', sortOrder: SortOrderEnum.DESCENDING, { tableId: 'transactions', recordsPerPage: PAGE_SIZE, sortBy: 'time_stamp', sortOrder: SortOrderEnum.DESCENDING,
columnSelectionSM: ['time_stamp', 'amount', 'num_confirmations'], columnSelectionSM: ['time_stamp', 'amount', 'num_confirmations'],
columnSelection: ['time_stamp', 'label', 'amount', 'total_fees', 'block_height', 'num_confirmations'] }, columnSelection: ['time_stamp', 'label', 'amount', 'total_fees', 'block_height', 'num_confirmations'] },
{ tableId: 'dust_utxos', recordsPerPage: PAGE_SIZE, sortBy: 'tx_id', sortOrder: SortOrderEnum.DESCENDING, { tableId: 'dust_utxos', recordsPerPage: PAGE_SIZE, sortBy: 'tx_id', sortOrder: SortOrderEnum.DESCENDING,
columnSelectionSM: ['output', 'amount_sat', 'confirmations'], columnSelectionSM: ['output', 'amount_sat'],
columnSelection: ['tx_id', 'output', 'label', 'amount_sat', 'confirmations'] } columnSelection: ['tx_id', 'output', 'label', 'amount_sat', 'confirmations'] }
] }, ] },
{ pageId: 'peers_channels', tables: [ { pageId: 'peers_channels', tables: [

@ -141,6 +141,18 @@ span.page-text, .mat-mdc-slide-toggle, .material-icons.mat-icon.mat-mdc-tooltip-
} }
} }
button.mdc-button {
@include for_screensize(tab-land) {
min-width: 50px;
}
@include for_screensize(tab-port) {
min-width: 40px;
}
@include for_screensize(phone) {
min-width: 20px;
}
}
button.mdc-button.mat-mdc-button-base { button.mdc-button.mat-mdc-button-base {
font-size: 103%; font-size: 103%;
font-weight: 500; font-weight: 500;

@ -175,7 +175,7 @@
font-weight: 500; font-weight: 500;
min-width: 180px; min-width: 180px;
@include for_screensize(phone) { @include for_screensize(phone) {
min-width: 110px; min-width: 100px;
} }
} }
& .cc-data-value { & .cc-data-value {

Loading…
Cancel
Save