gorb/frontend
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

feat: styled button a bit

Browse source
This commit is contained in:
SauceyRed 2025-05-29 04:58:43 +02:00
parent e1578a1302
commit 454633720b
Signed by: sauceyred
GPG key ID: 270B096EF6E9A462
1 changed files with 11 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

12
components/MessageArea.vue
View file

@ -7,7 +7,7 @@
<div id="message-box"> <div id="message-box">
<form id="message-form" @submit="sendMessage"> <form id="message-form" @submit="sendMessage">
<input v-model="messageInput" type="text" name="message-input" id="message-box-input" autocomplete="off"> <input v-model="messageInput" type="text" name="message-input" id="message-box-input" autocomplete="off">
<button type="submit"> <button id="submit-button" type="submit">
<Icon name="lucide:send" /> <Icon name="lucide:send" />
</button> </button>
</form> </form>
@ -139,4 +139,14 @@ onMounted(async () => {
gap: 1dvh; gap: 1dvh;
} }
#submit-button {
background-color: inherit;
border: none;
color: white;
}
#submit-button:hover {
background-color: rgb(40, 40, 40);
}
</style> </style>