Mobile resolution fixes

pull/1149/head
ShahanaFarooqui 1 year 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">
<meta i18n-content="" name="msapplication-TileColor" content="#da532c">
<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>
<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>

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">
<mat-card>
<mat-card-content class="padding-gap-large">
<div fxLayout="column" fxFlex="100" fxLayoutAlign="space-between stretch">
<form #formAsk="ngForm" fxLayout="column" fxLayoutAlign="space-between stretch" fxLayout.gt-sm="row wrap">
<div fxFlex="100" fxLayout="row" class="alert alert-warn">
<div fxLayout="column" fxLayoutAlign="space-between stretch">
<form #formAsk="ngForm" fxFlex="100" fxLayout="column" fxLayoutAlign="start stretch" fxLayoutAlign.gt-sm="space-between stretch" fxLayout.gt-sm="row wrap">
<div fxFlex.gt-xs="100" fxLayout="row" class="alert alert-warn">
<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>
</div>
@ -73,7 +73,7 @@
<th *matHeaderCellDef mat-header-cell mat-sort-header>Alias</th>
<td *matCellDef="let lqNode" mat-cell>
<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}}
<mat-chip-list class="ml-half" aria-label="Address Types">
<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 fxLayout="column" fxFlex="50" fxLayoutAlign="space-between stretch">
<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" class="mt-2">
<div>
<h4 fxLayoutAlign="start start" class="dashboard-info-title">
Opening
@ -29,7 +29,7 @@
<div class="overflow-wrap dashboard-info-value">{{perkbw?.delayed_to_us | number}}</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>
<h4 fxLayoutAlign="start start" class="dashboard-info-title">
Minimum Acceptable

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

@ -36,7 +36,7 @@
<ng-container matColumnDef="txid">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Transaction ID</th>
<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>
</td>
@ -44,7 +44,7 @@
<ng-container matColumnDef="address">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Address</th>
<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>
</td>
@ -52,7 +52,7 @@
<ng-container matColumnDef="scriptpubkey">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Script Pubkey</th>
<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>
</td>

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

@ -27,7 +27,7 @@
<ng-container matColumnDef="short_channel_id">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Short Channel ID</th>
<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>
</div>
</td>
@ -35,7 +35,7 @@
<ng-container matColumnDef="alias">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Alias</th>
<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>
</div>
</td>
@ -43,7 +43,7 @@
<ng-container matColumnDef="id">
<th *matHeaderCellDef mat-header-cell mat-sort-header>ID</th>
<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>
</div>
</td>
@ -51,7 +51,7 @@
<ng-container matColumnDef="channel_id">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Channel ID</th>
<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>
</div>
</td>
@ -59,7 +59,7 @@
<ng-container matColumnDef="funding_txid">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Funding Transaction ID</th>
<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>
</div>
</td>

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

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

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

@ -1,6 +1,6 @@
<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 === ''" 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">
<fa-icon class="mr-1 alert-icon" [icon]="faExclamationTriangle"></fa-icon>
<span>Maximum 1,000 failed transactions only.</span>
@ -39,7 +39,7 @@
<ng-container matColumnDef="in_channel_alias">
<th *matHeaderCellDef mat-header-cell mat-sort-header>In Channel</th>
<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>
</td>
@ -51,7 +51,7 @@
<ng-container matColumnDef="out_channel_alias">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Out Channel</th>
<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>
</td>

@ -1,6 +1,6 @@
<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 === ''" 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">
<fa-icon class="mr-1 alert-icon" [icon]="faExclamationTriangle"></fa-icon>
<span>Maximum 1,000 local failed transactions only.</span>
@ -35,7 +35,7 @@
<ng-container matColumnDef="in_channel_alias">
<th *matHeaderCellDef mat-header-cell mat-sort-header>In Channel</th>
<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>
</td>
@ -47,7 +47,7 @@
<ng-container matColumnDef="out_channel_alias">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Out Channel</th>
<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>
</td>

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

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

@ -57,7 +57,7 @@
<ng-container matColumnDef="payment_hash">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Payment Hash</th>
<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>
</td>
@ -65,7 +65,7 @@
<ng-container matColumnDef="bolt11">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Invoice</th>
<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>
</td>
@ -73,7 +73,7 @@
<ng-container matColumnDef="label">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Label</th>
<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>
</td>
@ -81,7 +81,7 @@
<ng-container matColumnDef="destination">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Destination</th>
<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>
</td>
@ -89,7 +89,7 @@
<ng-container matColumnDef="memo">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Memo</th>
<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>
</td>

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

@ -42,7 +42,7 @@
<ng-container matColumnDef="alias">
<th *matHeaderCellDef mat-header-cell> Alias</th>
<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>
</td>
@ -50,7 +50,7 @@
<ng-container matColumnDef="nodeId">
<th *matHeaderCellDef mat-header-cell> ID</th>
<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>
</td>

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

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

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

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

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

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

@ -1,5 +1,5 @@
<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>
<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>

@ -28,7 +28,7 @@
<ng-container matColumnDef="tx_id">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Transaction ID</th>
<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>
</td>
@ -42,7 +42,7 @@
<ng-container matColumnDef="label">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Label</th>
<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>
</td>
@ -58,7 +58,7 @@
<ng-container matColumnDef="address">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Address</th>
<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>
</td>

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

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

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

@ -53,7 +53,7 @@
<ng-container matColumnDef="payment_hash">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Payment Hash</th>
<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>
</td>
@ -61,7 +61,7 @@
<ng-container matColumnDef="payment_request">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Payment Request</th>
<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>
</td>
@ -69,7 +69,7 @@
<ng-container matColumnDef="payment_preimage">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Payment Preimage</th>
<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>
</td>
@ -77,7 +77,7 @@
<ng-container matColumnDef="description">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Description</th>
<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>
</td>
@ -85,7 +85,7 @@
<ng-container matColumnDef="description_hash">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Description Hash</th>
<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>
</td>

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

@ -32,7 +32,7 @@
<ng-container matColumnDef="claimAddress">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Claim Address</th>
<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>
</td>
@ -40,7 +40,7 @@
<ng-container matColumnDef="lockupAddress">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Lockup Address</th>
<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>
</td>
@ -60,7 +60,7 @@
<ng-container matColumnDef="error">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Error</th>
<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>
</td>
@ -68,7 +68,7 @@
<ng-container matColumnDef="privateKey">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Private Key</th>
<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>
</td>
@ -76,7 +76,7 @@
<ng-container matColumnDef="preimage">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Preimage</th>
<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>
</td>
@ -84,7 +84,7 @@
<ng-container matColumnDef="redeemScript">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Redeem Script</th>
<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>
</td>
@ -92,7 +92,7 @@
<ng-container matColumnDef="invoice">
<th *matHeaderCellDef mat-header-cell mat-sort-header>Invoice</th>
<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>
</td>

@ -55,7 +55,7 @@
<ng-container matColumnDef="htlc_address">
<th *matHeaderCellDef mat-header-cell mat-sort-header>HTLC Address</th>
<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>
</td>
@ -63,7 +63,7 @@
<ng-container matColumnDef="id">
<th *matHeaderCellDef mat-header-cell mat-sort-header>ID</th>
<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>
</td>
@ -71,7 +71,7 @@
<ng-container matColumnDef="id_bytes">
<th *matHeaderCellDef mat-header-cell mat-sort-header>ID (Bytes)</th>
<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>
</td>

@ -1,5 +1,5 @@
<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">
<div fxLayout="column" fxLayout.gt-sm="row" fxFlex="100" fxLayoutAlign="stretch stretch">
<div fxFlex="35" fxLayoutAlign="center center" class="bg-primary">

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

@ -858,13 +858,13 @@ export const CLN_PAGE_DEFS: CLNPageDefinitions = {
export const LND_DEFAULT_PAGE_SETTINGS: PageSettings[] = [
{ pageId: 'on_chain', tables: [
{ 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'] },
{ tableId: 'transactions', recordsPerPage: PAGE_SIZE, sortBy: 'time_stamp', sortOrder: SortOrderEnum.DESCENDING,
columnSelectionSM: ['time_stamp', 'amount', '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,
columnSelectionSM: ['output', 'amount_sat', 'confirmations'],
columnSelectionSM: ['output', 'amount_sat'],
columnSelection: ['tx_id', 'output', 'label', 'amount_sat', 'confirmations'] }
] },
{ 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 {
font-size: 103%;
font-weight: 500;

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

Loading…
Cancel
Save