rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-06-05 21:59:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

Adjust button styles

Browse Source
This commit is contained in:
SillyLossy
2023-04-30 02:05:35 +03:00
parent 28addd6cad
commit 7ac2d78f43
2 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
public/index.html
View File

@@ -1358,11 +1358,12 @@
<div name="NameAndAvatar" class="flex-container flexFlowColumn drawer25pWidth"> <div name="NameAndAvatar" class="flex-container flexFlowColumn drawer25pWidth">
<div name="NameChanger"> <div name="NameChanger">
<form id='form_change_name' action="javascript:void(null);" method="post" enctype="multipart/form-data"> <h4>Name</h4>
<h4>Name</h4> <div class="change_name">
<input id="your_name" name="your_name" class="text_pole" maxlength="50" value="" autocomplete="off"> <input id="your_name" name="your_name" class="text_pole" maxlength="50" value="" autocomplete="off">
<input id="your_name_button" class="menu_button" type="submit" title="Click to set a new User Name (reloads page)" value="Update"> <div id="your_name_button" class="menu_button fa-solid fa-check" title="Click to set a new User Name">
</form> </div>
</div>
</div> </div>
<div name="AvatarSelector"> <div name="AvatarSelector">
<h4>Your Avatar</h4> <h4>Your Avatar</h4>

9
public/style.css
View File

@@ -525,6 +525,12 @@ code {
flex-direction: column; flex-direction: column;
} }
.change_name {
display: flex;
flex-direction: row;
gap: 5px;
}
.avatar { .avatar {
width: 50px; width: 50px;
height: 50px; height: 50px;
@@ -1417,7 +1423,6 @@ input[type=search]:focus::-webkit-search-cancel-button {
} }
.menu_button { .menu_button {
/* font-weight: bold; */
color: var(--white70); color: var(--white70);
background-color: var(--black50a); background-color: var(--black50a);
border: 1px solid var(--white30a); border: 1px solid var(--white30a);
@@ -1427,6 +1432,8 @@ input[type=search]:focus::-webkit-search-cancel-button {
cursor: pointer; cursor: pointer;
margin: 5px 0; margin: 5px 0;
transition: 0.3s; transition: 0.3s;
display: flex;
align-items: center;
} }
.avatar_div .menu_button, .avatar_div .menu_button,