elemental/elemental-to-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

improve buttons in UI

Browse source
This commit is contained in:
biglyderv 2025-04-17 21:41:06 -04:00
parent 27c10447e6
commit 83a9938d15
Signed by: biglyderv
GPG key ID: 0E2EB0B4CD7397B5
2 changed files with 13 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
static/index.css
View file

@ -24,16 +24,17 @@ body {
.inner-form { .inner-form {
display: flex; display: flex;
flex-wrap: wrap; flex-direction: row;
min-height: 3rem; justify-content: center;
} }
#input { #input {
border: none; border: none;
padding: 0 1rem; padding: 0 1rem;
flex-grow: 1;
border-radius: 0.3rem; border-radius: 0.3rem;
margin: 0.25rem; margin: 0.25rem;
height: 2rem;
flex-grow: 1;
} }
#input:focus { #input:focus {
@ -45,8 +46,10 @@ body {
border: none; border: none;
padding: 0 1rem; padding: 0 1rem;
margin: 0.25rem; margin: 0.25rem;
height: 2rem;
border-radius: 3px; border-radius: 3px;
outline: none; outline: none;
flex-grow: 1;
} }
button, button a { button, button a {

10
static/index.html
View file

@ -11,14 +11,18 @@
<body> <body>
<ul id="messages"></ul> <ul id="messages"></ul>
<form id="form" action=""> <form id="form" action="">
<p>Run /help for info; more clients are also <a
href='https://git.dervland.net/elemental/elemental-on-terminal'>here</a>.</p>
<div class='inner-form'> <div class='inner-form'>
<input id="input" autocomplete="off" /> <input id="input" autocomplete="off" />
</div>
<div class='inner-form'>
<button class='send'><a href='#'>Send</a></button> <button class='send'><a href='#'>Send</a></button>
<button class='next'><a href='#'>Previous</a></button> <button class='next'><a href='#'>Previous</a></button>
<button class='prev'><a href='#'>Next</a></button> <button class='prev'><a href='#'>Next</a></button>
</div> </div>
<div class='inner-form'>
<button><a href='https://git.dervland.net/elemental'>Frontends</a></button>
<button><a href='https://discord.gg/Wkr7PVk3cF'>Discord</a></button>
</div>
</form> </form>
<script src='/index.js'></script> <script src='/index.js'></script>
</body> </body>