diff options
| -rw-r--r-- | extension/index.html | 40 | ||||
| -rw-r--r-- | extension/src/index.css | 24 |
2 files changed, 64 insertions, 0 deletions
diff --git a/extension/index.html b/extension/index.html index 4b28d70..11e132a 100644 --- a/extension/index.html +++ b/extension/index.html @@ -6,6 +6,46 @@ <title>Bookmarks Home</title> </head> <body> + <div id="settings-menu"> + <h2>Settings</h2> + + <h3>Sort</h3> + <label> + <input type="radio" name="sort"> + From bookmarks + </label> + <label> + <input type="radio" name="sort"> + Alphabetical + </label> + <label> + <input type="radio" name="sort"> + Frequency + </label> + + <h3>Background</h3> + <label> + <input type="radio" name="bg"> + From Theme + </label> + <label> + <input type="radio" name="bg"> + Solid color + </label> + <label> + <input type="radio" name="bg"> + Image + </label> + + <h3>Root folder</h3> + <label> + <select> + <option>Bookmarks Toolbar id:0</option> + <option>Mobile Bookmarks id:1</option> + <option>Other Bookmarks id:2</option> + </select> + </label> + </div> <div id="root"></div> <script type="module" src="/src/main.tsx"></script> </body> diff --git a/extension/src/index.css b/extension/src/index.css index 9b18c8a..4ff40f2 100644 --- a/extension/src/index.css +++ b/extension/src/index.css @@ -2,10 +2,34 @@ box-sizing: border-box; } +html { + margin: 0; + padding: 0; +} + body { background-color: #242424; color: white; font-family: sans-serif; + margin: 0; + padding: 0; +} + +#settings-menu { + position: fixed; + height: 100%; + width: 300px; + background-color: black; + padding: 10px; + display: flex; + flex-direction: column; + right: 0; + animation: slideIn; +} + +@keyframes slideIn { + from { width: 0; } + to {width: 300px} } /* Folder */ |