ngn/anonymous_overflow
1
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Activity

feat: success message indicator, better UX for image toggling

Browse Source
This commit is contained in:
httpjamesm
2022-12-29 13:52:17 -05:00
parent 4ddc1a2af7
commit 0e9677ec61
3 changed files with 31 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
public/home.css
View File

@ -25,13 +25,13 @@ body {
.view-form {
display: flex;
gap: .5rem;
gap: 0.5rem;
align-items: center;
}
.view-input {
width: 100%;
padding: .5rem;
padding: 0.5rem;
border: 2px solid transparent;
border-radius: 3px;
@ -48,7 +48,7 @@ body {
}
.view-button {
padding: .5rem;
padding: 0.5rem;
border: 2px solid transparent;
border-radius: 3px;
@ -65,29 +65,39 @@ body {
background-color: var(--input-bg-hover);
}
.error {
padding: .5rem;
background-color: rgb(255, 129, 129);
.success {
background-color: #8cffc0;
color: black;
}
.error {
background-color: rgb(255, 129, 129);
}
.error,
.success {
color: black;
padding: 0.5rem;
border-radius: 5px;
margin-bottom: 1rem;
}
.error p {
.error p,
.success p {
margin: 0;
}
.options {
margin-top: 1rem;
display: flex;
gap: .5rem;
gap: 0.5rem;
}
.title {
display: flex;
width: 100%;
align-items: center;
gap: .5rem;
gap: 0.5rem;
}
.logo {
@ -100,4 +110,4 @@ body {
padding: 1rem;
box-sizing: border-box;
}
}
}