buzzcode2007/ShopAI-Extension
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

adjust settings page interface to support OLED

Browse source 
add navbar and remove FAB
This commit is contained in:
buzz-lightsnack-2007 2024-04-23 16:27:59 +08:00
parent 6aef461d0d
commit 1627cbbf3b
10 changed files with 88 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

38
pages/settings.htm
View file

@ -7,12 +7,16 @@
</head>
<body>
<nav class="nav-wrapper" data-result-linked="filters">
<span class="brand-logo left"><img src="/media/icons/logo.png" alt="Logo"/><span for="extension_name"></span></span>
<ul class="right">
<li><a data-icon="help" href="help.html"></a></li>
</ul>
</nav>
<main class="container">
<ul class="collapsible" data-collapsible="accordion">
<li>
<header
class="collapsible-header waves-effect flow-text" accesskey="1" for="general" data-icon="cog"
></header>
<header class="collapsible-header waves-effect flow-text" accesskey="1" for="general" data-icon="cog"></header>
<section class="collapsible-body">
<section class="input-group">
<legend for="general" class="flow-text"></legend>
@ -91,18 +95,10 @@
</section>
</li>
<li>
<header
class="collapsible-header waves-effect flow-text"
for="storage"
accesskey="3"
data-icon="database"
></header>
<header class="collapsible-header waves-effect flow-text" for="storage" accesskey="3" data-icon="database"></header>
<section class="collapsible-body">
<section class="input-group">
<label
for="settings_storage_description"
class="input-description"
></label>
<label for="settings_storage_description" class="input-description"></label>
<div class="input-field">
<button
title-for="settings_storage_clear"
@ -128,15 +124,8 @@
<img src="/media/icons/logo.png" alt="Logo" class="responsive-img" />
</side>
<article class="s9">
<p
class="flow-text"
style="font-weight: bold"
for="extension_name"
></p>
<p
for="extension_version"
style="font-style: italic"
></p>
<p class="flow-text" style="font-weight: bold" for="extension_name"></p>
<p for="extension_version" style="font-style: italic"></p>
<p for="extension_description"></p>
</article>
</div>
@ -144,10 +133,5 @@
</li>
</ul>
</main>
<side class="fixed-action-btn">
<button
href="help" tab-height="607.5" tab-width="1080" class="btn-floating btn-large" title-for="help" data-icon="help"
></button>
</side>
</body>
</html>