🎨 Refactor of stylesheets, making way for new changes
This commit is contained in:
@@ -13,3 +13,32 @@ html {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
/* Overriding styles for the modal component */
|
||||
.vm--modal, .dashy-modal {
|
||||
box-shadow: 0 40px 70px -2px hsl(0deg 0% 0% / 60%), 1px 1px 6px var(--primary) !important;
|
||||
min-width: 300px;
|
||||
min-height: 500px;
|
||||
}
|
||||
.vm--overlay {
|
||||
background: #00000080;
|
||||
}
|
||||
|
||||
/* Overiding styles for the global toast component */
|
||||
.toast-message {
|
||||
background: var(--toast-background) !important;
|
||||
color: var(--toast-color) !important;
|
||||
border: 1px solid var(--toast-color) !important;
|
||||
border-radius: var(--curve-factor) !important;
|
||||
font-size: 1.25rem !important;
|
||||
}
|
||||
.toast-error {
|
||||
background: var(--danger) !important;
|
||||
color: var(--white) !important;
|
||||
font-size: 1.25rem !important;
|
||||
}
|
||||
.toast-success {
|
||||
background: var(--success) !important;
|
||||
color: var(--white) !important;
|
||||
font-size: 1.25rem !important;
|
||||
}
|
||||
Reference in New Issue
Block a user