d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-06-05 23:16:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #959 from hongzzz/fix-notion-icon

Browse Source 
fix: notion icon support base64
This commit is contained in:
tangly1024
2023-04-06 09:45:23 +08:00
committed by GitHub
parent a069047291 52db805936
commit fc04903d45
2 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/NotionIcon.js
View File

@@ -8,10 +8,10 @@ const NotionIcon = ({ icon }) => {
return <></> return <></>
} }
if (icon.startsWith('http')) { if (icon.startsWith('http') || icon.startsWith('data:')) {
// return <Image src={icon} width={30} height={30}/> // return <Image src={icon} width={30} height={30}/>
// eslint-disable-next-line @next/next/no-img-element // eslint-disable-next-line @next/next/no-img-element
return <img src={icon} className='w-8 float-left mr-1'/> return <img src={icon} className='w-8 inline mr-1'/>
} }
return <span className='mr-1'>{icon}</span> return <span className='mr-1'>{icon}</span>

9
styles/notion.css
View File

@@ -1,5 +1,5 @@
:root { :root {
--fg-color: rgb(0, 0, 0); --fg-color: rgb(0, 0, 0);
--fg-color-0: rgba(55, 53, 47, 0.09); --fg-color-0: rgba(55, 53, 47, 0.09);
--fg-color-1: rgba(55, 53, 47, 0.16); --fg-color-1: rgba(55, 53, 47, 0.16);
--fg-color-2: rgba(55, 53, 47, 0.4); --fg-color-2: rgba(55, 53, 47, 0.4);
@@ -714,6 +714,7 @@ svg.notion-page-icon {
/* height: 100%; */ /* height: 100%; */
height: auto !important; height: auto !important;
max-height: 100%; max-height: 100%;
margin: auto;
} }
.notion-asset-wrapper iframe { .notion-asset-wrapper iframe {
@@ -755,7 +756,7 @@ pre[class*='language-'] {
code[class*='language-'] { code[class*='language-'] {
background: unset !important; background: unset !important;
} }
.notion-code { .notion-code {
padding: 30px 16px 30px 20px; padding: 30px 16px 30px 20px;
border-bottom-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem;
@@ -1935,7 +1936,7 @@ svg + .notion-page-title-text {
} }
::selection { ::selection {
@apply bg-blue-500 text-gray-50 !important; @apply bg-blue-500 text-gray-50 !important;
} }
.dark img{ .dark img{
@@ -2020,4 +2021,4 @@ code.language-mermaid {
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
overflow: hidden; overflow: hidden;
} }