This commit is contained in:
stringsplit 2023-02-08 21:25:00 +00:00
parent 8e00c714ae
commit f634fb2484
6 changed files with 49 additions and 8 deletions

View file

@ -1,5 +1,6 @@
@use "../base"; @use "../base";
@use "pulldown/faq"; @use "pulldown/faq";
@use "pulldown/accounts";
#overlay { #overlay {
position:absolute; position:absolute;

View file

@ -0,0 +1,17 @@
.pulldown_display[name=accounts] {
.notLoggedIn {
text-align:center;
h1 {
font-weight:600;
font-size:24px;
}
.flavor {
font-size:14px;
color:#999999;
}
}
}

View file

@ -1,6 +1,22 @@
.pulldown_display[name=faq] { .pulldown_display[name=faq] {
overflow-y:auto;
.faqGroup { .faqGroup {
h2 {} padding:10px;
p {}
h2 {
font-weight: 400;
color:#DDDDDD;
font-size:16px;
margin:0 0 0 0;
} }
p {
color:#999999;
font-size:16px;
margin:0 0 0 0;
}
}
} }

View file

@ -2,6 +2,9 @@
import Pulldown from "./Pulldown.svelte" import Pulldown from "./Pulldown.svelte"
</script> </script>
<Pulldown> <Pulldown name="accounts">
<p>accs</p> <div class="notLoggedIn">
<h1>monofile <span style:color="#999999">accounts</span></h1>
<p class="flavor">Gain control of your uploads.</p>
</div>
</Pulldown> </Pulldown>

View file

@ -3,15 +3,19 @@
let faq = [ let faq = [
{ {
question : "test", question : "Are my files compressed on upload?",
answer : "abc" answer : "No. Files should stay completely unchanged on download."
},
{
question : "How do I replace a file that I have previously uploaded?",
answer : "You can modify the content of a file that is linked to a file ID by reuploading the file using the same custom ID."
} }
] ]
</script> </script>
<Pulldown name="faq"> <Pulldown name="faq">
{#each faq as question} {#each faq as question}
<div style="faqGroup"> <div class="faqGroup">
<h2>{question.question}</h2> <h2>{question.question}</h2>
<p>{question.answer}</p> <p>{question.answer}</p>
</div> </div>

View file

@ -7,7 +7,7 @@
</script> </script>
<div <div
class="pulldown_display" class="pulldown_display"
name=name name={name}
transition:fade={{duration:200}} transition:fade={{duration:200}}
> >
<slot /> <slot />