Files
dmenu-admin/src/index.css
T
hamid zarghami 09babad479 design with image
2026-06-08 16:31:07 +03:30

138 lines
2.5 KiB
CSS

@import "tailwindcss";
@import "react-loading-skeleton/dist/skeleton.css";
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;
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE and Edge */
}
*::-webkit-scrollbar {
display: none; /* Chrome, Safari, Opera */
}
input::placeholder,
textarea::placeholder {
color: #888888;
}
@theme {
--color-primary: black;
--color-primary-foreground: white;
--color-secondary: #f4f5f9;
--color-border: #d0d0d0;
--color-description: #888888;
--color-header: #c3c7dd;
--color-success: #00ba4b;
--width-sidebar: 300px;
--border-radius-2.5: 10px;
}
.dltr {
direction: ltr;
}
tbody tr:nth-child(odd) {
background: rgba(233, 235, 244, 0.2) !important;
}
.rmdp-input {
min-height: 40px;
background-color: white;
border-radius: 12px !important;
border: 1px solid oklch(0.922 0 0) !important;
font-size: 12px !important;
width: 100% !important;
margin: 0px;
padding-right: 16px !important;
transition: background-color 0.3s ease, border-color 0.3s ease;
}
.readOny .rmdp-input {
background-color: #f5f5f5 !important;
border: none !important;
}
.rmdp-container {
width: 100%;
}
.rowTwoInput {
@apply flex flex-col sm:flex-row sm:gap-5 gap-5;
}
.time-picker-input::-webkit-calendar-picker-indicator {
display: none !important;
-webkit-appearance: none;
}
.time-picker-input::-webkit-inner-spin-button,
.time-picker-input::-webkit-outer-spin-button {
display: none !important;
-webkit-appearance: none;
}
.time-picker-input {
-webkit-appearance: none;
-moz-appearance: textfield;
}
.modalGlass3 {
background: rgba(62, 61, 61, 0.2);
background-blend-mode: multiply;
backdrop-filter: blur(44px);
}
.design-slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 12px;
height: 12px;
border-radius: 50%;
background: black;
cursor: pointer;
margin-top: -5px;
}
.design-slider::-moz-range-thumb {
width: 12px;
height: 12px;
border-radius: 50%;
background: black;
border: none;
cursor: pointer;
}
.design-slider::-webkit-slider-runnable-track {
-webkit-appearance: none;
appearance: none;
background: transparent;
height: 1px;
}
.design-slider::-moz-range-track {
background: transparent;
height: 1px;
border: none;
}