privacy policy and business integration
This commit is contained in:
parent
141ca9fda3
commit
cd3751219d
16 changed files with 1592 additions and 30 deletions
|
|
@ -790,6 +790,22 @@ main { padding: 30px clamp(20px, 3vw, 44px) 50px; }
|
|||
.admin-topbar > div { display: flex; align-items: center; gap: 14px; }
|
||||
.admin-topbar img { width: 92px; height: 42px; object-fit: contain; }
|
||||
.admin-topbar strong { font-size: 12px; color: #c7d6ea; }
|
||||
.admin-topbar-actions { display: flex; align-items: center; gap: 12px; }
|
||||
.admin-main-nav { display: flex; gap: 8px; }
|
||||
.admin-main-nav button {
|
||||
border: 1px solid rgba(255,255,255,.18);
|
||||
background: transparent;
|
||||
color: #c7d6ea;
|
||||
border-radius: 8px;
|
||||
padding: 8px 12px;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.admin-main-nav button.active {
|
||||
background: #1475ff;
|
||||
border-color: #1475ff;
|
||||
color: white;
|
||||
}
|
||||
.admin-content, .admin-login-page { padding: 28px; }
|
||||
.admin-login-page { min-height: calc(100vh - 72px); display: grid; place-items: center; }
|
||||
.admin-login-card { width: min(420px, 100%); }
|
||||
|
|
@ -833,6 +849,270 @@ main { padding: 30px clamp(20px, 3vw, 44px) 50px; }
|
|||
.admin-otp-project a { color: #1475ff; word-break: break-all; }
|
||||
.admin-otp-project p { margin: 0; line-height: 1.55; }
|
||||
.admin-otp-project .admin-actions { margin-top: 5px; }
|
||||
.admin-whatsapp { display: grid; gap: 18px; }
|
||||
.admin-whatsapp-config { margin-bottom: 0; }
|
||||
.admin-whatsapp-hint {
|
||||
margin: 0;
|
||||
padding: 12px 14px;
|
||||
border-radius: 8px;
|
||||
background: #fff8e8;
|
||||
color: #7a5b12;
|
||||
font-size: 11px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.admin-whatsapp-grid {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
|
||||
gap: 18px;
|
||||
align-items: start;
|
||||
}
|
||||
.admin-whatsapp-inbox, .admin-whatsapp-compose { min-height: 520px; }
|
||||
.admin-whatsapp-empty {
|
||||
margin: 0;
|
||||
color: #8a95a7;
|
||||
font-size: 12px;
|
||||
line-height: 1.55;
|
||||
}
|
||||
.admin-whatsapp-thread-list { display: grid; gap: 14px; }
|
||||
.admin-whatsapp-thread {
|
||||
border: 1px solid #e6ebf2;
|
||||
border-radius: 10px;
|
||||
padding: 12px 14px;
|
||||
background: #fbfcfe;
|
||||
}
|
||||
.admin-whatsapp-thread-head {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
gap: 10px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.admin-whatsapp-thread-head strong { font-size: 12px; color: #1f2a3d; }
|
||||
.admin-whatsapp-thread-head small, .admin-whatsapp-thread > small { color: #8a95a7; font-size: 10px; }
|
||||
.admin-whatsapp-thread > p {
|
||||
margin: 0 0 6px;
|
||||
color: #46546a;
|
||||
font-size: 11px;
|
||||
line-height: 1.45;
|
||||
}
|
||||
.admin-whatsapp-thread-messages {
|
||||
display: grid;
|
||||
gap: 8px;
|
||||
margin-top: 10px;
|
||||
max-height: 220px;
|
||||
overflow: auto;
|
||||
}
|
||||
.admin-whatsapp-bubble {
|
||||
display: grid;
|
||||
gap: 4px;
|
||||
max-width: 88%;
|
||||
padding: 8px 10px;
|
||||
border-radius: 10px;
|
||||
font-size: 11px;
|
||||
line-height: 1.45;
|
||||
}
|
||||
.admin-whatsapp-bubble.inbound {
|
||||
justify-self: start;
|
||||
background: white;
|
||||
border: 1px solid #dfe5ed;
|
||||
}
|
||||
.admin-whatsapp-bubble.outbound {
|
||||
justify-self: end;
|
||||
background: #e8f2ff;
|
||||
border: 1px solid #c8ddff;
|
||||
}
|
||||
.admin-whatsapp-bubble small { color: #8a95a7; font-size: 9px; }
|
||||
.admin-whatsapp-form {
|
||||
display: grid;
|
||||
gap: 12px;
|
||||
}
|
||||
.admin-whatsapp-form label {
|
||||
display: grid;
|
||||
gap: 6px;
|
||||
}
|
||||
.admin-whatsapp-form label > span {
|
||||
color: #46546a;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.admin-whatsapp-form input,
|
||||
.admin-whatsapp-form textarea {
|
||||
width: 100%;
|
||||
border: 1px solid #dfe5ed;
|
||||
border-radius: 8px;
|
||||
padding: 10px 12px;
|
||||
font: inherit;
|
||||
font-size: 12px;
|
||||
color: #1f2a3d;
|
||||
background: white;
|
||||
}
|
||||
.admin-whatsapp-form textarea { resize: vertical; min-height: 120px; }
|
||||
.admin-whatsapp-form small {
|
||||
color: #8a95a7;
|
||||
font-size: 10px;
|
||||
line-height: 1.45;
|
||||
}
|
||||
@media (max-width: 960px) {
|
||||
.admin-whatsapp-grid { grid-template-columns: 1fr; }
|
||||
}
|
||||
.admin-whatsapp-page { max-width: 1400px; }
|
||||
.admin-whatsapp-heading {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
gap: 16px;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.admin-whatsapp-heading-actions {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.admin-whatsapp-messenger {
|
||||
display: grid;
|
||||
grid-template-columns: 260px minmax(0, 1fr) 320px;
|
||||
gap: 16px;
|
||||
align-items: start;
|
||||
}
|
||||
.admin-whatsapp-sidebar,
|
||||
.admin-whatsapp-chat,
|
||||
.admin-whatsapp-compose-panel {
|
||||
min-height: 640px;
|
||||
}
|
||||
.admin-whatsapp-thread-list.compact {
|
||||
display: grid;
|
||||
gap: 8px;
|
||||
max-height: 560px;
|
||||
overflow: auto;
|
||||
}
|
||||
.admin-whatsapp-thread-item {
|
||||
display: grid;
|
||||
gap: 4px;
|
||||
text-align: left;
|
||||
border: 1px solid #e6ebf2;
|
||||
border-radius: 10px;
|
||||
padding: 10px 12px;
|
||||
background: white;
|
||||
cursor: pointer;
|
||||
}
|
||||
.admin-whatsapp-thread-item.active {
|
||||
border-color: #1475ff;
|
||||
background: #f3f8ff;
|
||||
}
|
||||
.admin-whatsapp-thread-item strong { font-size: 12px; color: #1f2a3d; }
|
||||
.admin-whatsapp-thread-item span {
|
||||
font-size: 11px;
|
||||
color: #607089;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.admin-whatsapp-thread-item small { font-size: 10px; color: #8a95a7; }
|
||||
.admin-whatsapp-chat {
|
||||
display: grid;
|
||||
grid-template-rows: auto 1fr;
|
||||
}
|
||||
.admin-whatsapp-chat-empty {
|
||||
display: grid;
|
||||
place-items: center;
|
||||
min-height: 520px;
|
||||
color: #8a95a7;
|
||||
font-size: 12px;
|
||||
}
|
||||
.admin-whatsapp-chat-head {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
gap: 10px;
|
||||
padding-bottom: 12px;
|
||||
border-bottom: 1px solid #e6ebf2;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.admin-whatsapp-chat-head strong { font-size: 13px; }
|
||||
.admin-whatsapp-chat-head small { color: #8a95a7; font-size: 10px; }
|
||||
.admin-whatsapp-chat-body {
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
align-content: start;
|
||||
max-height: 560px;
|
||||
overflow: auto;
|
||||
padding-right: 4px;
|
||||
}
|
||||
.admin-whatsapp-media {
|
||||
max-width: 100%;
|
||||
border-radius: 8px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.admin-whatsapp-mode-tabs {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 6px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.admin-whatsapp-mode-tabs button {
|
||||
border: 1px solid #dfe5ed;
|
||||
background: white;
|
||||
color: #607089;
|
||||
border-radius: 8px;
|
||||
padding: 7px 10px;
|
||||
font-size: 10px;
|
||||
font-weight: 600;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
.admin-whatsapp-mode-tabs button.active {
|
||||
background: #1475ff;
|
||||
border-color: #1475ff;
|
||||
color: white;
|
||||
}
|
||||
.admin-whatsapp-setup-form {
|
||||
display: grid;
|
||||
gap: 12px;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
.admin-whatsapp-setup-form label {
|
||||
display: grid;
|
||||
gap: 6px;
|
||||
}
|
||||
.admin-whatsapp-setup-form label > span {
|
||||
color: #46546a;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.admin-whatsapp-setup-form input,
|
||||
.admin-whatsapp-setup-form select,
|
||||
.admin-whatsapp-form select {
|
||||
width: 100%;
|
||||
border: 1px solid #dfe5ed;
|
||||
border-radius: 8px;
|
||||
padding: 10px 12px;
|
||||
font: inherit;
|
||||
font-size: 12px;
|
||||
background: white;
|
||||
}
|
||||
.admin-whatsapp-setup-meta {
|
||||
grid-column: 1 / -1;
|
||||
display: grid;
|
||||
gap: 4px;
|
||||
color: #607089;
|
||||
font-size: 11px;
|
||||
}
|
||||
.admin-whatsapp-setup-form .primary-button {
|
||||
grid-column: 1 / -1;
|
||||
justify-self: start;
|
||||
}
|
||||
.link-button {
|
||||
border: none;
|
||||
background: none;
|
||||
color: #1475ff;
|
||||
font-size: 10px;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
justify-self: start;
|
||||
}
|
||||
@media (max-width: 1100px) {
|
||||
.admin-whatsapp-messenger { grid-template-columns: 1fr; }
|
||||
.admin-whatsapp-sidebar,
|
||||
.admin-whatsapp-chat,
|
||||
.admin-whatsapp-compose-panel { min-height: auto; }
|
||||
}
|
||||
|
||||
/* UrmiOTP */
|
||||
.urmiotp-page, .urmiotp-docs-page { max-width: 1080px; }
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue