Files
danak-admin/src/index.css
T
hamid zarghami 9cbe0b23a3 toolbar
2025-03-11 08:53:09 +03:30

174 lines
3.4 KiB
CSS

@tailwind base;
@tailwind components;
@tailwind utilities;
html {
direction: rtl;
}
body {
font-family: irancell;
margin: 0;
padding: 0;
width: 100%;
direction: rtl;
overflow-x: hidden !important;
background: #eceef6;
font-weight: 300;
overflow: hidden;
}
html,
body,
#root {
min-height: 100% !important;
height: 100%;
}
* {
outline: none;
}
input::placeholder,
textarea::placeholder {
color: #888888;
}
@layer components {
.rowTwoInput {
@apply flex flex-col sm:flex-row sm:gap-5 gap-5;
}
.td {
@apply px-6 py-4 whitespace-nowrap text-xs;
}
.thead {
@apply h-[69px] bg-white text-sm text-[#8C90A3] rounded-3xl overflow-hidden;
}
.tr {
@apply w-full h-[74px] bg-white border-t border-[#EAEDF5] hover:bg-secondary;
}
}
tbody tr {
background-color: white;
}
.thead tr td:first-child {
border-top-right-radius: 23px;
/* border-bottom-right-radius: 23px; */
}
.thead tr td:last-child {
border-top-left-radius: 23px;
/* border-bottom-left-radius: 23px; */
}
.rmdp-input {
min-height: 40px;
border-radius: 12px !important;
border: 1px solid #d0d0d0 !important;
font-size: 12px !important;
width: 100% !important;
margin: 0px;
padding-right: 16px !important;
}
.rmdp-container {
width: 100%;
}
.dltr {
direction: ltr;
}
.drtl {
direction: rtl;
}
.otp div {
width: 100%;
}
.no-scrollbar::-webkit-scrollbar {
display: none;
}
.no-scrollbar {
-ms-overflow-style: none;
scrollbar-width: none;
}
.borderDashed {
background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='24' ry='24' stroke='%238C90A3' stroke-width='2' stroke-dasharray='6%2C 14' stroke-dashoffset='25' stroke-linecap='square'/%3E%3C/svg%3E");
border-radius: 24px; /* تطابق با rx و ry */
overflow: hidden; /* برای رفع مشکلات برش */
}
.modalGlass {
background: rgba(0, 0, 0, 0.436);
background-blend-mode: multiply;
backdrop-filter: blur(7px);
}
.modalGlass2 {
background: rgba(255, 255, 255, 0.502);
background-blend-mode: multiply;
/* backdrop-filter: blur(5px); */
}
.modalGlass3 {
background: rgba(62, 61, 61, 0.2);
background-blend-mode: multiply;
backdrop-filter: blur(44px);
}
.rc-rate-star {
margin-right: 3px !important; /* فاصله بین ستاره‌ها */
}
.overflowX {
overflow-x: scroll;
scrollbar-width: none;
}
.overflowX::-webkit-scrollbar {
display: none;
}
/* .ql-toolbar:first-child {
display: none !important;
} */
.ql-container {
@apply rounded-b-xl text-right;
font-family: irancell !important;
direction: rtl;
}
.ql-toolbar {
@apply rounded-t-xl;
}
.ql-editor {
@apply !text-right;
}
/* .ql-toolbar:first-child {
display: none !important;
} */
.Toastify__toast {
direction: rtl;
font-family: "irancell" !important;
}
* {
scrollbar-width: none; /* برای فایرفاکس */
-ms-overflow-style: none; /* برای اینترنت اکسپلورر و اج */
}
/* برای Webkit (کروم، سافاری و اپرا) */
*::-webkit-scrollbar {
display: none;
}
.ql-container {
min-height: 200px !important; /* حداقل ارتفاع برای نمایش کامل ادیتور */
max-height: 500px; /* حداکثر ارتفاع */
overflow-y: auto; /* فعال کردن اسکرول در صورت نیاز */
}
.ql-toolbar {
position: relative !important; /* حل مشکل نمایش نوار ابزار */
z-index: 10;
}