Something went wrong. Try again.
Some angular code i wrote while following: Angular - The Complete Guide (2025 Edition)
Something went wrong. Try again.
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586.backdrop { background-color: rgba(0, 0, 0, 0.9); position: fixed; top: 0; left: 0; width: 100%; height: 100vh;}
dialog { width: 90%; max-width: 30rem; background-color: #433352; border-radius: 6px; border: none; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4); overflow: hidden; padding: 1rem; top: 5rem;}
h2 { margin: 0; color: #d0c2e1;}
label { display: block; font-weight: bold; font-size: 0.85rem; color: #ab9ac0;}
input,textarea { width: 100%; font: inherit; padding: 0.15rem 0.25rem; border-radius: 4px; border: 1px solid #ab9ac0; background-color: #d0c2e1;}
.actions { margin: 1rem 0 0; display: flex; justify-content: flex-end; gap: 0.25rem;}
button { font: inherit; cursor: pointer; border: none; padding: 0.35rem 1.25rem; border-radius: 4px; background-color: transparent;}
button[type="button"] { color: #bdadcf;}
button[type="button"]:hover,button[type="button"]:active { color: #d0c2e1;}
button[type="submit"] { background-color: #9c73ca; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); transition: all 0.3s ease;}
button[type="submit"]:hover,button[type="submit"]:active { background-color: #895cce; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);}
@media (min-width: 768px) { dialog { padding: 2rem; }}