diff --git a/src/style/app/pulldown.scss b/src/style/app/pulldown.scss
index c5fb3ce..b3d6a42 100644
--- a/src/style/app/pulldown.scss
+++ b/src/style/app/pulldown.scss
@@ -1,6 +1,7 @@
@use "../base";
@use "pulldown/help";
@use "pulldown/accounts";
+@use "pulldown/files";
#overlay {
position:absolute;
diff --git a/src/style/app/pulldown/accounts.scss b/src/style/app/pulldown/accounts.scss
index eaf97d5..ade4a27 100644
--- a/src/style/app/pulldown/accounts.scss
+++ b/src/style/app/pulldown/accounts.scss
@@ -8,7 +8,8 @@
text-align:center;
@media screen and (max-width:500px) {
- transform:scale(1.35) translateY(-50%);
+ /* lazy */
+ transform:scale(1.15) translateY(-50%);
}
h1 {
diff --git a/src/style/app/pulldown/files.scss b/src/style/app/pulldown/files.scss
new file mode 100644
index 0000000..da89940
--- /dev/null
+++ b/src/style/app/pulldown/files.scss
@@ -0,0 +1,29 @@
+.pulldown_display[name=files] {
+ .notLoggedIn {
+ position:absolute;
+ top:100%;
+ transform:translateY(-100%);
+ width:100%;
+ text-align:center;
+ background-color:#202020;
+
+ .flavor {
+ font-size:16px;
+ color:#999999;
+ margin: 0 0 10px 0;
+ }
+
+ button {
+ background-color: #232323;
+ color:#999999;
+ font-size:14px;
+ border:1px solid #999999;
+ padding:2px 10px 2px 10px;
+ cursor:pointer;
+
+ &:hover {
+ background-color:#333333;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/style/app/uploader/add_new_files.scss b/src/style/app/uploader/add_new_files.scss
index d6ac942..9d03f5f 100644
--- a/src/style/app/uploader/add_new_files.scss
+++ b/src/style/app/uploader/add_new_files.scss
@@ -49,6 +49,7 @@
background-color:#333333;
color:#DDDDDD;
border:none;
+ border-radius: 0px;
outline:none;
padding:5px;
diff --git a/src/svelte/App.svelte b/src/svelte/App.svelte
index 0811c3d..148cd58 100644
--- a/src/svelte/App.svelte
+++ b/src/svelte/App.svelte
@@ -3,6 +3,7 @@
import Topbar from "./elem/Topbar.svelte";
import PulldownManager from "./elem/PulldownManager.svelte";
import UploadWindow from "./elem/UploadWindow.svelte";
+ import { pulldownManager } from "./elem/stores.mjs";
/**
* @type Topbar
@@ -12,12 +13,16 @@
/**
* @type PulldownManager
*/
- let pulldownManager;
+ let pulldown;
+
+ onMount(() => {
+ pulldownManager.set(pulldown)
+ })
-
no
+Log in to view uploads & collections
+ + +