add custom tk style

7 months ago · 490f9a14ac
parent e6d4236925
commit 490f9a14ac
4 changed files with 22 additions and 0 deletions
--- a/app/javascript/flavours/glitch/styles/_custom_tk.scss
+++ b/app/javascript/flavours/glitch/styles/_custom_tk.scss
@ -0,0 +1,19 @@
+
+.auth-container-bg-img{
+
+  width: 100%;
+  height: 100vh;
+  opacity: 0.15;
+  filter: alpha(opacity=15);
+  background: url('~flavours/glitch/images/bliss/home2.jpg');
+  background-position: center;
+  background-repeat: no-repeat;
+  left: 0;
+  top: 0;
+  margin: 0 auto;
+  overflow: hidden;
+  position: fixed;
+}
+.dismissable-banner{
+  background: $base-overlay-background;
+}
--- a/app/javascript/flavours/glitch/styles/index.scss
+++ b/app/javascript/flavours/glitch/styles/index.scss
@ -21,3 +21,4 @@
@import 'accessibility';
@import 'rtl';
@import 'dashboard';
+@import 'custom_tk';
--- a/app/javascript/styles/mastodon/forms.scss
+++ b/app/javascript/styles/mastodon/forms.scss
@ -1107,3 +1107,4 @@ code {
    white-space: nowrap;
  }
 }
+
--- a/app/views/layouts/auth.html.haml
+++ b/app/views/layouts/auth.html.haml
@ -1,4 +1,5 @@
 - content_for :content do
+  .auth-container-bg-img
  .container-alt
    .logo-container
      %h1