paulmataruso/libredesk
1
0
Fork 0
mirror of https://github.com/abhinavxd/libredesk.git synced 2025-11-04 05:53:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: quill editor margin

Browse Source
This commit is contained in:
Abhinav Raut
2025-01-11 21:24:32 +05:30
parent f81d03d94b
commit fd6f3ca6d1
1 changed files with 80 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

152
frontend/src/assets/styles/main.scss
View File

@@ -20,66 +20,67 @@ body {
} }
// Theme. // Theme.
@layer base { @layer base {
:root { :root {
--background: 0 0% 100%; --background: 0 0% 100%;
--foreground: 240 10% 3.9%; --foreground: 222.2 84% 4.9%;
--card: 0 0% 100%; --card: 0 0% 100%;
--card-foreground: 240 10% 3.9%; --card-foreground: 222.2 84% 4.9%;
--popover: 0 0% 100%; --popover: 0 0% 100%;
--popover-foreground: 240 10% 3.9%; --popover-foreground: 222.2 84% 4.9%;
--primary: 240 5.9% 10%; --primary: 222.2 47.4% 11.2%;
--primary-foreground: 0 0% 98%; --primary-foreground: 210 40% 98%;
--secondary: 240 4.8% 95.9%; --secondary: 210 40% 96.1%;
--secondary-foreground: 240 5.9% 10%; --secondary-foreground: 222.2 47.4% 11.2%;
--muted: 240 4.8% 95.9%; --muted: 210 40% 96.1%;
--muted-foreground: 240 3.8% 46.1%; --muted-foreground: 215.4 16.3% 46.9%;
--accent: 240 4.8% 95.9%; --accent: 210 40% 96.1%;
--accent-foreground: 240 5.9% 10%; --accent-foreground: 222.2 47.4% 11.2%;
--destructive: 0 84.2% 60.2%; --destructive: 0 84.2% 60.2%;
--destructive-foreground: 0 0% 98%; --destructive-foreground: 210 40% 98%;
--border: 240 5.9% 90%; --border: 214.3 31.8% 91.4%;
--input: 240 5.9% 90%; --input: 214.3 31.8% 91.4%;
--ring: 240 5.9% 10%; --ring: 222.2 84% 4.9%;
--radius: 0.75rem; --radius: 0.5rem;
} }
.dark { .dark {
--background: 240 10% 3.9%; --background: 222.2 84% 4.9%;
--foreground: 0 0% 98%; --foreground: 210 40% 98%;
--card: 240 10% 3.9%; --card: 222.2 84% 4.9%;
--card-foreground: 0 0% 98%; --card-foreground: 210 40% 98%;
--popover: 240 10% 3.9%; --popover: 222.2 84% 4.9%;
--popover-foreground: 0 0% 98%; --popover-foreground: 210 40% 98%;
--primary: 0 0% 98%; --primary: 210 40% 98%;
--primary-foreground: 240 5.9% 10%; --primary-foreground: 222.2 47.4% 11.2%;
--secondary: 240 3.7% 15.9%; --secondary: 217.2 32.6% 17.5%;
--secondary-foreground: 0 0% 98%; --secondary-foreground: 210 40% 98%;
--muted: 240 3.7% 15.9%; --muted: 217.2 32.6% 17.5%;
--muted-foreground: 240 5% 64.9%; --muted-foreground: 215 20.2% 65.1%;
--accent: 240 3.7% 15.9%; --accent: 217.2 32.6% 17.5%;
--accent-foreground: 0 0% 98%; --accent-foreground: 210 40% 98%;
--destructive: 0 62.8% 30.6%; --destructive: 0 62.8% 30.6%;
--destructive-foreground: 0 0% 98%; --destructive-foreground: 210 40% 98%;
--border: 240 3.7% 15.9%; --border: 217.2 32.6% 17.5%;
--input: 240 3.7% 15.9%; --input: 217.2 32.6% 17.5%;
--ring: 240 4.9% 83.9%; --ring: 212.7 26.8% 83.9;
} }
} }
@@ -162,7 +163,7 @@ body {
} }
.box { .box {
@apply border shadow; @apply border shadow-sm;
} }
.dashboard-card { .dashboard-card {
@@ -173,7 +174,7 @@ body {
@apply p-0; @apply p-0;
} }
// Scrollbar // Scrollbar start
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 8px; /* Adjust width */ width: 8px; /* Adjust width */
height: 8px; /* Adjust height */ height: 8px; /* Adjust height */
@@ -200,9 +201,12 @@ body {
@apply rounded-md border shadow h-[65vh] min-h-[250px] w-full relative; @apply rounded-md border shadow h-[65vh] min-h-[250px] w-full relative;
} }
.ql-container {
margin: 0 !important;
}
.ql-container .ql-editor { .ql-container .ql-editor {
margin-top: 0 !important; height: 300px !important;
height: 200px !important;
border-radius: var(--radius) !important; border-radius: var(--radius) !important;
@apply rounded-lg rounded-t-none; @apply rounded-lg rounded-t-none;
} }
@@ -211,6 +215,42 @@ body {
@apply rounded-t-lg; @apply rounded-t-lg;
} }
.blinking-dot {
display: inline-block;
width: 8px;
height: 8px;
background-color: red;
border-radius: 50%;
animation: blink 2s infinite;
}
@keyframes blink {
0%,
100% {
opacity: 1;
}
50% {
opacity: 0;
}
}
// Sidebar start
a[data-active='true'] {
background-color: hsl(var(--sidebar-accent)) !important;
color: hsl(var(--sidebar-accent-foreground)) !important;
font-weight: 500;
transition:
background-color 0.2s,
color 0.2s;
}
a[data-active='false']:hover {
background-color: hsl(var(--sidebar-accent)) !important;
color: hsl(var(--sidebar-accent-foreground)) !important;
font-weight: 500;
transition:
background-color 0.2s,
color 0.2s;
}
@layer base { @layer base {
:root { :root {
--sidebar-background: 0 0% 98%; --sidebar-background: 0 0% 98%;
@@ -235,39 +275,7 @@ body {
} }
} }
.blinking-dot { // Sidebar end
display: inline-block;
width: 8px;
height: 8px;
background-color: red;
border-radius: 50%;
animation: blink 2s infinite;
}
@keyframes blink {
0%,
100% {
opacity: 1;
}
50% {
opacity: 0;
}
}
// Sidebar
a[data-active="true"] {
background-color: hsl(var(--sidebar-accent)) !important;
color: hsl(var(--sidebar-accent-foreground)) !important;
font-weight: 500;
transition: background-color 0.2s, color 0.2s;
}
a[data-active="false"]:hover {
background-color: hsl(var(--sidebar-accent)) !important;
color: hsl(var(--sidebar-accent-foreground)) !important;
font-weight: 500;
transition: background-color 0.2s, color 0.2s;
}
.show-quoted-text { .show-quoted-text {
blockquote { blockquote {
@@ -279,4 +287,4 @@ a[data-active="false"]:hover {
blockquote { blockquote {
@apply hidden; @apply hidden;
} }
} }