archivalo-oss/replayweb.page
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

color/typo tweaks

Browse Source
This commit is contained in:
Ilya Kreymer
2020-05-07 15:39:15 -07:00
parent b548e2fc15
commit 0796e01068
2 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dist/frontend.js
Vendored
+6 -3
View File
@@ -309,10 +309,13 @@ const ae=new WeakMap,re=v(e=>t=>{if(!(t instanceof P))throw new Error("unsafeHTM
nav.main-scroll { nav.main-scroll {
max-height: calc(100vh - 279px); max-height: calc(100vh - 279px);
} }
#index-heading {
background-color: aliceblue;
}
`)}render(){return M` `)}render(){return M`
<section class="section no-top-padding"> <section class="section no-top-padding">
<div class="container"> <div class="container">
<nav class="panel is-info"> <nav class="panel is-light">
<p class="panel-heading">Load Web Archive</p> <p class="panel-heading">Load Web Archive</p>
<div class="extra-padding panel-block file has-name"> <div class="extra-padding panel-block file has-name">
<form class="container" @submit="${this.onStartLoad}"> <form class="container" @submit="${this.onStartLoad}">
@@ -349,7 +352,7 @@ const ae=new WeakMap,re=v(e=>t=>{if(!(t instanceof P))throw new Error("unsafeHTM
</section> </section>
<section class="container"> <section class="container">
<nav class="panel main-scroll"> <nav class="panel main-scroll">
<p class="panel-heading">Loaded Archives</p> <p id="index-heading" class="panel-heading">Loaded Archives</p>
<div class="coll-list"> <div class="coll-list">
${this.colls.length?this.colls.map((e,t)=>M` ${this.colls.length?this.colls.map((e,t)=>M`
<div class="panel-block"> <div class="panel-block">
@@ -370,7 +373,7 @@ const ae=new WeakMap,re=v(e=>t=>{if(!(t instanceof P))throw new Error("unsafeHTM
</div> </div>
`):M` `):M`
<div class="panel-block extra-padding"> <div class="panel-block extra-padding">
<i>No Archices so far! Archives loaded in the section above will appear here.</i> <i>No Archives so far! Archives loaded in the section above will appear here.</i>
</div> </div>
`} `}
</div> </div>
src/frontend.js
+6 -3
View File
@@ -544,6 +544,9 @@ class WrIndex extends LitElement
nav.main-scroll { nav.main-scroll {
max-height: calc(100vh - 279px); max-height: calc(100vh - 279px);
} }
#index-heading {
background-color: aliceblue;
}
`); `);
} }
@@ -551,7 +554,7 @@ class WrIndex extends LitElement
return html` return html`
<section class="section no-top-padding"> <section class="section no-top-padding">
<div class="container"> <div class="container">
<nav class="panel is-info"> <nav class="panel is-light">
<p class="panel-heading">Load Web Archive</p> <p class="panel-heading">Load Web Archive</p>
<div class="extra-padding panel-block file has-name"> <div class="extra-padding panel-block file has-name">
<form class="container" @submit="${this.onStartLoad}"> <form class="container" @submit="${this.onStartLoad}">
@@ -588,7 +591,7 @@ class WrIndex extends LitElement
</section> </section>
<section class="container"> <section class="container">
<nav class="panel main-scroll"> <nav class="panel main-scroll">
<p class="panel-heading">Loaded Archives</p> <p id="index-heading" class="panel-heading">Loaded Archives</p>
<div class="coll-list"> <div class="coll-list">
${this.colls.length ? this.colls.map((coll, i) => html` ${this.colls.length ? this.colls.map((coll, i) => html`
<div class="panel-block"> <div class="panel-block">
@@ -609,7 +612,7 @@ class WrIndex extends LitElement
</div> </div>
`) : html` `) : html`
<div class="panel-block extra-padding"> <div class="panel-block extra-padding">
<i>No Archices so far! Archives loaded in the section above will appear here.</i> <i>No Archives so far! Archives loaded in the section above will appear here.</i>
</div> </div>
`} `}
</div> </div>