h3n3/cadhub
1
0
Fork 0
Code Issues 35 Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #490 from Irev-Dev/franknoirot/details-styles

Browse Source 
style tweaks to description area within the Project details view.
This commit was merged in pull request #490.
This commit is contained in:
Kurt Hutten
2021-09-06 20:45:53 +10:00
committed by GitHub
parent 57970465b1 d203fe7e57
commit 442da1ffc6
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/web/src/components/ProjectProfile/ProjectProfile.tsx
View File

@@ -41,7 +41,7 @@ const KeyValue = ({
{canEdit && {canEdit &&
(isEditable ? ( (isEditable ? (
<button <button
className="ml-4 grid grid-flow-col-dense p-px px-2 gap-2 bg-ch-purple-400 bg-opacity-30 hover:bg-opacity-80 rounded-sm border border-ch-purple-400" className="font-fira-sans items-center ml-4 grid grid-flow-col-dense p-px px-2 gap-2 bg-ch-purple-400 bg-opacity-30 hover:bg-opacity-80 rounded-sm border border-ch-purple-400"
id="rename-button" id="rename-button"
onClick={onEdit} onClick={onEdit}
> >
@@ -170,7 +170,7 @@ const ProjectProfile = ({
id="description-wrap" id="description-wrap"
name="description" name="description"
className={ className={
'markdown-overrides rounded shadow-md bg-white pl-6 pb-2 mt-2' + 'markdown-overrides rounded-sm pb-2 mt-2' +
(isEditable ? ' min-h-md' : '') (isEditable ? ' min-h-md' : '')
} }
onClick={(e) => onClick={(e) =>

12
app/web/src/index.css
View File

@@ -17,23 +17,23 @@
@apply text-lg font-bold; @apply text-lg font-bold;
} }
.markdown-overrides { .markdown-overrides {
@apply bg-gray-200 border border-gray-300; @apply bg-transparent;
} }
.markdown-overrides div { .markdown-overrides div {
@apply bg-gray-200 text-indigo-800; @apply text-ch-gray-300 bg-transparent;
} }
.markdown-overrides div a { .markdown-overrides div a {
@apply bg-gray-200 text-indigo-500; @apply text-ch-pink-500 underline bg-transparent;
} }
.markdown-overrides div h3 { .markdown-overrides div h3 {
@apply text-xl text-indigo-800; @apply text-xl;
} }
.markdown-overrides div h2 { .markdown-overrides div h2 {
@apply text-2xl text-indigo-800; @apply text-2xl;
} }
.markdown-overrides div h1 { .markdown-overrides div h1 {
@apply text-3xl text-indigo-800; @apply text-3xl;
} }
.markdown-overrides ol { .markdown-overrides ol {
@apply list-decimal; @apply list-decimal;