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 "pulldown/faq";
@use "pulldown/accounts";
#overlay {
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] {
overflow-y:auto;
.faqGroup {
h2 {}
p {}
padding:10px;
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"
</script>
<Pulldown>
<p>accs</p>
<Pulldown name="accounts">
<div class="notLoggedIn">
<h1>monofile <span style:color="#999999">accounts</span></h1>
<p class="flavor">Gain control of your uploads.</p>
</div>
</Pulldown>

View file

@ -3,15 +3,19 @@
let faq = [
{
question : "test",
answer : "abc"
question : "Are my files compressed on upload?",
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>
<Pulldown name="faq">
{#each faq as question}
<div style="faqGroup">
<div class="faqGroup">
<h2>{question.question}</h2>
<p>{question.answer}</p>
</div>

View file

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