style: remirror for comments height, sidebar z-index

This commit is contained in:
Aaryan Khandelwal 2023-01-11 00:30:51 +05:30 committed by vamsi
parent 1e3af2e9e2
commit 8474b400b0
5 changed files with 7 additions and 7 deletions

View File

@ -1,4 +0,0 @@
NEXT_PUBLIC_API_BASE_URL = "<-- endpoint goes here -->"
NEXT_PUBLIC_GOOGLE_CLIENTID = "<-- google client id goes here -->"
NEXT_PUBLIC_GITHUB_ID = "<-- github id goes here -->"
NEXT_PUBLIC_APP_ENVIRONMENT="<-- production | development -->"

View File

@ -83,7 +83,7 @@ const AddIssueComment: React.FC<{
return ( return (
<div className="space-y-5"> <div className="space-y-5">
<form onSubmit={handleSubmit(onSubmit)}> <form onSubmit={handleSubmit(onSubmit)}>
<div className="rounded-md p-2 pt-3"> <div className="issue-comments-section rounded-md p-2 pt-3">
<Controller <Controller
name="comment_html" name="comment_html"
control={control} control={control}

View File

@ -47,7 +47,7 @@ const Sidebar: React.FC<Props> = ({ toggleSidebar, setToggleSidebar }) => {
const { collapsed: sidebarCollapse, toggleCollapsed } = useTheme(); const { collapsed: sidebarCollapse, toggleCollapsed } = useTheme();
return ( return (
<nav className="relative z-40 h-screen"> <nav className="relative z-20 h-screen md:z-0">
<div <div
className={`${sidebarCollapse ? "" : "w-auto md:w-60"} fixed inset-y-0 top-0 ${ className={`${sidebarCollapse ? "" : "w-auto md:w-60"} fixed inset-y-0 top-0 ${
toggleSidebar ? "left-0" : "-left-60 md:left-0" toggleSidebar ? "left-0" : "-left-60 md:left-0"

View File

@ -86,7 +86,7 @@ const ProjectModules: NextPage = () => {
description={ description={
<span> <span>
Use <pre className="inline rounded bg-gray-100 px-2 py-1">Ctrl/Command + M</pre>{" "} Use <pre className="inline rounded bg-gray-100 px-2 py-1">Ctrl/Command + M</pre>{" "}
shortcut to create a new cycle shortcut to create a new module
</span> </span>
} }
Icon={PlusIcon} Icon={PlusIcon}

View File

@ -358,6 +358,10 @@ img.ProseMirror-separator {
min-height: 150px; min-height: 150px;
} }
.issue-comments-section .remirror-editor-wrapper .remirror-editor {
min-height: 50px;
}
.remirror-editor-wrapper { .remirror-editor-wrapper {
padding-top: 8px; padding-top: 8px;
} }