vrr/agent-zero
2
0
Fork 0
mirror of https://github.com/agent0ai/agent-zero.git synced 2026-05-05 23:41:49 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

fix: file browser deletion bug + parent directory

Browse source 
Underscore matters!
- fixed both bugs for the browser

Extra:
- style for toasts

quickfix generic modals
This commit is contained in:
Alessandro 2024-11-28 01:13:56 +01:00
parent f0126a6ef8
commit bb980ea6b9
9 changed files with 154 additions and 73 deletions
Download patch file Download diff file Expand all files Collapse all files

10
webui/css/file_browser.css
View file

@ -123,8 +123,14 @@
background-color: var(--color-secondary-dark);
}
.current-path {
font-family: monospace;
#current-path {
opacity: 0.9;
}
#path-text {
font-family: 'Roboto Mono', monospace;
font-optical-sizing: auto;
-webkit-font-optical-sizing: auto;
opacity: 0.9;
}

36
webui/css/modals.css
View file

@ -40,16 +40,10 @@
}
.modal-header h2 {
color: var(--color-primary);
font-size: var(--font-size-large);
margin: 0;
}
.modal-header > svg {
fill: var(--color-primary);
max-height: 30px !important;
}
.modal-subheader {
padding: 0.7rem 1.5rem;
display: inline;
@ -220,34 +214,44 @@ h2 {
}
@media (max-width: 768px) {
.modal-header {
padding-left: 1.1rem;
text-wrap: nowrap;
}
.modal-content {
padding: 1rem;
overflow-y: auto;
flex-grow: 1;
padding: 0.5rem 0.5rem 0rem 0.5rem;
overflow-y: auto;
flex-grow: 1;
}
.modal-footer {
padding: var(--spacing-md) 0rem var(--spacing-md) 0 !important;
padding: var(--spacing-sm) 0rem var(--spacing-sm) 0 !important;
}
.section {
margin-bottom: 1.5rem;
padding: 1rem;
border: 1px solid var(--color-border);
border-radius: 0.5rem;
margin-bottom: 1.5rem;
padding: 1rem;
border: 1px solid var(--color-border);
border-radius: 0.5rem;
}
#buttons-container {
margin: 0 auto;
}
.btn {
padding: 0.5rem 1.7rem;
}
}
@media (max-width: 540px) {
.modal-header {
text-wrap: nowrap;
.modal-header h2 {
font-size: var(--font-size-normal);
margin: 0;
}
#buttons-container {
max-height: 50px;
}
.btn {
text-wrap: wrap;
font-size: var(--font-size-small);
padding: 0.5rem 0.85rem;
}
.btn-upload {
margin: 0 auto;

4
webui/css/settings.css
View file

@ -223,6 +223,10 @@ nav ul li a img {
background-color: var(--color-secondary-light);
}
.light-mode textarea:focus {
background-color: #dddddd;
}
@media (max-width: 768px) {
.field-control {
width: 100%;

108
webui/css/toast.css
View file

@ -1,43 +1,75 @@
#toast {
/* position: fixed;
bottom: 20px;
left: 50%;
transform: translateX(-50%); */
margin: 0.5em;
background-color: #333;
color: #fff;
padding: 0.3em;
border-radius: 0.3125em;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
display: none;
align-items: center;
z-index: 9999;
position: relative;
width: 98.5%;
bottom: var(--spacing-xs);
left: var(--spacing-xs);
background-color: #333;
color: #fff;
padding: 0.3em;
border-radius: 0.3125em;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
display: none;
align-items: center;
z-index: 9999;
}
#toast.show {
display: flex;
animation: toastIn 0.3s ease-out forwards;
}
#toast.hide {
animation: toastOut 0.3s ease-in forwards;
}
#toast.toast--success {
background-color: #4CAF50;
}
#toast.toast--error {
background-color: #731811;
}
#toast.toast--info {
background-color: #2196F3;
}
.toast__message {
margin-left: var(--spacing-xs);
margin-right: 16px;
flex-grow: 1;
}
.toast__close,
.toast__copy {
background-color: transparent;
border: none;
color: #fff;
cursor: pointer;
font-size: 16px;
margin-left: 8px;
}
/* Animations */
@keyframes toastIn {
from {
opacity: 0;
transform: translateY(20px);
}
#toast.toast--success {
background-color: #4CAF50;
to {
opacity: 1;
transform: translateY(0);
}
#toast.toast--error {
background-color: #731811;
}
@keyframes toastOut {
from {
opacity: 1;
transform: translateY(0);
}
#toast.toast--info {
background-color: #2196F3;
to {
opacity: 0;
transform: translateY(20px);
}
.toast__message {
margin-left: var(--spacing-xs);
margin-right: 16px;
flex-grow: 1;
}
.toast__close,
.toast__copy {
background-color: transparent;
border: none;
color: #fff;
cursor: pointer;
font-size: 16px;
margin-left: 8px;
}
}