Config page

FossilOrigin-Name: 7318b09f6feb942d0c1807d225eabf9d5701459ae954e02474b41ebcf7159de0
This commit is contained in:
me@ow.nekobit.net 2022-02-01 00:19:04 +00:00
parent 2e09efe60d
commit 9041c53b24
2 changed files with 80 additions and 2 deletions

33
dist/ratfe.css vendored
View file

@ -154,7 +154,9 @@ ul li:first-child a.sidebarbtn
border-left: 1px solid #cacaca;
}
/* Posts */
/***************************
* Statuses *
**************************/
.status
{
display: flex;
@ -224,6 +226,9 @@ ul li:first-child a.sidebarbtn
color: #808080;
}
/***************************
* Element Grouping *
**************************/
.group
{
padding: 0;
@ -252,3 +257,29 @@ ul li:first-child a.sidebarbtn
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
/*************************
* Config *
************************/
#config-page
{
padding: 0 12px;
}
#config-page h1
{
padding-left: 12px;
padding-bottom: 6px;
border-bottom: 1px solid #cacaca;
}
#config-page h3
{
margin-left: 15px;
}
#config-page ul
{
list-style-type: none;
padding-left: 15px;
}

View file

@ -1 +1,48 @@
<h1>Config</h1>
<div id="config-page">
<form action="/config" method="post">
<h1>General</h1>
<h3>JavaScript</h3>
<ul>
<li>
<input type="checkbox" id="cfgjsactions" name="jsactions">
<label for="cfgjsactions">Quick actions - Likes, Boosts, etc done in background</label>
</li>
<li>
<input type="checkbox" id="cfgjsreply" name="jsreply">
<label for="cfgjsreply">Quick reply - Replies don't require redirects</label>
</li>
<li>
<input type="checkbox" id="cfgjslive" name="jslive">
<label for="cfgjslive">Live statuses - Statuses fetch on the fly</label>
</li>
<li>
<input type="checkbox" id="cfgjsreply" name="jsreply">
<label for="cfgjsreply">Quick reply - Replies don't require redirects</label>
</li>
</ul>
<!-- Appearance -->
<h1>Appearance</h1>
<h3>Theme variant</h3>
<ul>
<li>
<label for="cfgthemevar">Theme variant</label>
<select name="theme" id="cfgthemevar">
<option value="ratfe20">RatFE 2.0 - Default, simple theme</option>
<option value="ratfe30">RatFE 3.0 - Flat, modern theme</option>
</select>
</li>
</ul>
<h3>Color Scheme</h3>
<ul>
<li>
<input type="radio" id="cfglight" name="themeclr" value="light" checked>
<label for="cfglight">Light</label>
</li>
<li>
<input type="radio" id="cfgdark" name="themeclr" value="dark">
<label for="cfgdark">Dark</label>
</li>
</ul>
</form>
</div>