dnrops
/
react-chatGPT-clone
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: adjust send button icon size and padding

This commit is contained in:
sushant dhimal 2023-03-10 22:09:35 +05:45
parent 7a456003af
commit 947def57d1
2 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
client/src/App.css
View File

@ -260,7 +260,6 @@ nav svg {
.inputPromptWrapper { .inputPromptWrapper {
margin-top: 40px; margin-top: 40px;
padding: 8px;
left: 50%; left: 50%;
right: 50%; right: 50%;
bottom: 0; bottom: 0;
@ -268,14 +267,14 @@ nav svg {
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
width: 80%; width: 80%;
max-height: 200px; max-height: 200px;
height: 28px; height: 55px;
padding: 10px;
background-color: #41414e; background-color: #41414e;
border-radius: 5px; border-radius: 5px;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
display: flex; display: flex;
} }
.inputPrompttTextarea { .inputPrompttTextarea {
padding: 10px;
flex: 1; flex: 1;
resize: none; resize: none;
background-color: #41414e; background-color: #41414e;
@ -290,7 +289,7 @@ form button {
border: none; border: none;
position: absolute; position: absolute;
top: 25%; top: 25%;
right: 25px; right: 15px;
} }
button:hover { button:hover {
cursor: pointer; cursor: pointer;

4
client/src/App.js
View File

@ -318,8 +318,8 @@ function App() {
<button aria-label="form submit" type="submit"> <button aria-label="form submit" type="submit">
<svg <svg
fill="#ADACBF" fill="#ADACBF"
width={20} width={15}
height={25} height={20}
viewBox="0 0 32 32" viewBox="0 0 32 32"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
stroke="#212023" stroke="#212023"