@slogvo/vue-notion 0.2.4 → 0.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/build/styles.css +18 -2
  2. package/package.json +1 -1
  3. package/src/styles.css +18 -2
package/build/styles.css CHANGED
@@ -725,8 +725,8 @@ svg.notion-page-icon {
725
725
  .notion-page {
726
726
  box-sizing: border-box;
727
727
  width: var(--notion-max-width);
728
- padding-left: calc(min(16px, 8vw));
729
- padding-right: calc(min(16px, 8vw));
728
+ /* padding-left: calc(min(16px, 8vw)); */
729
+ /* padding-right: calc(min(16px, 8vw)); */
730
730
  }
731
731
 
732
732
  .notion-full-width {
@@ -798,6 +798,22 @@ svg.notion-page-icon {
798
798
  transition: background 120ms ease-in 0s;
799
799
  }
800
800
 
801
+ @media (max-width: 768px) {
802
+ .notion-title {
803
+ font-size: 1.75em;
804
+ }
805
+ .notion-h1 {
806
+ font-size: 1.5em;
807
+ }
808
+ .notion-h2 {
809
+ font-size: 1.3em;
810
+ }
811
+ .notion-h3 {
812
+ font-size: 1.1em;
813
+ }
814
+ }
815
+
816
+
801
817
  .notion-page-link:hover {
802
818
  background: var(--bg-color-0);
803
819
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@slogvo/vue-notion",
3
- "version": "0.2.4",
3
+ "version": "0.2.5",
4
4
  "type": "module",
5
5
  "description": "Fast and accurate Vue renderer for Notion.",
6
6
  "repository": "slogvo/vue-notion",
package/src/styles.css CHANGED
@@ -725,8 +725,8 @@ svg.notion-page-icon {
725
725
  .notion-page {
726
726
  box-sizing: border-box;
727
727
  width: var(--notion-max-width);
728
- padding-left: calc(min(16px, 8vw));
729
- padding-right: calc(min(16px, 8vw));
728
+ /* padding-left: calc(min(16px, 8vw)); */
729
+ /* padding-right: calc(min(16px, 8vw)); */
730
730
  }
731
731
 
732
732
  .notion-full-width {
@@ -798,6 +798,22 @@ svg.notion-page-icon {
798
798
  transition: background 120ms ease-in 0s;
799
799
  }
800
800
 
801
+ @media (max-width: 768px) {
802
+ .notion-title {
803
+ font-size: 1.75em;
804
+ }
805
+ .notion-h1 {
806
+ font-size: 1.5em;
807
+ }
808
+ .notion-h2 {
809
+ font-size: 1.3em;
810
+ }
811
+ .notion-h3 {
812
+ font-size: 1.1em;
813
+ }
814
+ }
815
+
816
+
801
817
  .notion-page-link:hover {
802
818
  background: var(--bg-color-0);
803
819
  }