convert to components

2026-02-27 16:07:07 +08:00
parent 6afc34a96c
commit 2e772b2044
20 changed files with 236 additions and 56 deletions
--- a/frontend/src/app/components/toast/success/styles.module.css
+++ b/frontend/src/app/components/toast/success/styles.module.css
@@ -0,0 +1,35 @@
+.toastContainer {
+  display: flex;
+  padding: 14px 10px 14px 16px;
+  align-items: center;
+  gap: 16px;
+  border-radius: 10px;
+  border: 1px solid #a6facc;
+  background: #eefdf3;
+  position: absolute;
+  bottom: 25px;
+  z-index: 11;
+  right: 20px;
+}
+.messageContainer {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+.iconContainer {
+  display: flex;
+  padding: 4px;
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
+  border-radius: 100px;
+  background: #a6facc;
+}
+.messageContainer p {
+  color: #006929;
+  font-family: Inter;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: normal;
+}