Update displaywithdraw.html

5 years ago · 784d9740a9
1 changed files with 201 additions and 2 deletions
--- a/lnbits/templates/displaywithdraw.html
+++ b/lnbits/templates/displaywithdraw.html
@ -237,6 +237,202 @@
      src="{{ url_for('static', filename='plugins/bolt11/utils.js') }}"
      type="text/javascript"
    ></script>
+
+
+
+    <style>
+
+      //GOOFY CSS HACK TO GO DARK
+      
+.skin-blue .wrapper {
+    background: 
+    #1f2234;
+}
+
+body {
+    color: #fff;
+}
+
+ .skin-blue .sidebar-menu > li.active > a {
+    color: #fff;
+  background:#1f2234;
+  border-left-color:#8964a9;
+}
+
+.skin-blue .main-header .navbar {
+    background-color: 
+    #2e507d;
+}
+
+.content-wrapper, .right-side {
+    background-color: 
+    #1f2234;
+}
+.skin-blue .main-header .logo {
+    background-color: 
+#1f2234;
+color:
+#fff;
+}
+
+.skin-blue .sidebar-menu > li.header {
+    color: 
+#4b646f;
+background:
+    #1f2234;
+}
+.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
+    background: 
+    #1f2234;
+}
+
+.skin-blue .sidebar-menu > li > .treeview-menu {
+    margin: 0 1px;
+    background: 
+    #1f2234;
+}
+
+.skin-blue .sidebar-menu > li > a {
+    border-left: 3px solid 
+    transparent;
+    margin-right: 1px;
+}
+.skin-blue .sidebar-menu > li > a:hover, .skin-blue .sidebar-menu > li.active > a {
+
+  color: #fff;
+  background:#3e355a;
+  border-left-color:#8964a9;
+
+}
+
+
+.skin-blue .main-header .logo:hover {
+    background: 
+   #3e355a;
+}
+
+.skin-blue .main-header .navbar .sidebar-toggle:hover {
+    background-color: 
+    #3e355a;
+}
+.main-footer {
+    background-color: #1f2234;
+    padding: 15px;
+    color: #fff;
+    border-top: 0px;
+}
+
+.skin-blue .main-header .navbar {
+    background-color: #1f2234;
+}
+
+.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body {
+    background-color: 
+    #1f2234 !important;
+}
+.alert-danger, .alert-error {
+
+    border-color: #fff;
+    border: 1px solid 
+
+    #fff;
+    border-radius: 7px;
+
+}
+
+.skin-blue .main-header .navbar .nav > li > a:hover, .skin-blue .main-header .navbar .nav > li > a:active, .skin-blue .main-header .navbar .nav > li > a:focus, .skin-blue .main-header .navbar .nav .open > a, .skin-blue .main-header .navbar .nav .open > a:hover, .skin-blue .main-header .navbar .nav .open > a:focus {
+    color: 
+    #f6f6f6;
+    background-color: #3e355a;
+}
+.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {
+    background-color: 
+    #3e355a !important;
+}
+
+.box {
+    position: relative;
+    border-radius: 3px;
+    background-color: #333646;
+   border-top: 3px solid #8964a9;
+    margin-bottom: 20px;
+    width: 100%;
+
+}
+.table-striped > tbody > tr:nth-of-type(2n+1) {
+    background-color: 
+    #333646;
+}
+
+.box-header {
+    color: #fff;
+
+}
+
+
+.box.box-danger {
+    border-top-color: #8964a9;
+}
+.box.box-primary {
+    border-top-color: #8964a9;
+}
+
+a {
+color: #8964a9;
+}
+.box-header.with-border {
+    border-bottom: none;
+}
+
+a:hover, a:active, a:focus {
+    outline: none;
+    text-decoration: none;
+    color: #fff;
+}
+// .modal.in .modal-dialog{ 
+//  color:#000;
+// }
+
+.form-control {
+
+background-color:#333646;
+color: #fff;
+
+}
+.box-footer {
+
+    border-top: none;
+
+    background-color: 
+    #333646;
+}
+.modal-footer {
+
+    border-top: none;
+
+}
+.modal-content {
+
+background-color:
+    #333646;
+}
+.modal.in .modal-dialog {
+
+    background-color: #333646;
+
+}
+
+.layout-boxed {
+    background: none;
+        background-color: rgba(0, 0, 0, 0);
+    background-color: 
+    #3e355a;
+}
+
+
+    </style>
+
+
  </head>
  <body class="skin-blue layout-boxed sidebar-collapse sidebar-open">
    <div class="wrapper">
@ -277,10 +473,10 @@
        </section>

        <!-- Main content -->
-        <section class="content">><br/><br/>
+        <section class="content"><br/><br/>
          <center><h1 style="font-size:500%">Withdraw Link: {{ user_fau[0][6] }}</h1></center>

-        <center><br/><br/>  <div id="qrcode"></div><br/><br/>
+        <center><br/><br/>  <div id="qrcode" style="width: 340px;"></div><br/><br/>
          <div style="width:55%;word-wrap: break-word;" id="qrcodetxt"></div> <br/></center> 

        </section><!-- /.content -->
@ -327,6 +523,9 @@ function drawwithdraw(data) {
        colorLight: '#ffffff',
        correctLevel: QRCode.CorrectLevel.M
      })
+      document.getElementById("qrcode").style.backgroundColor = "white";
+      document.getElementById("qrcode").style.padding = "20px";
+
      document.getElementById('qrcodetxt').innerHTML = lnurlfau + "<br/><br/>"

        }