mirror/tiptap
1
0
Fork 0
mirror of https://github.com/ueberdosis/tiptap.git synced 2025-08-06 13:38:49 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

improve styling

Browse Source
This commit is contained in:
Philipp Kühn 2021-02-04 00:10:03 +01:00
parent 5b5607f669
commit f5e419ae9c
3 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
docs/src/components/AppSection/style.scss
View File

@ -4,12 +4,16 @@
&__inner { &__inner {
position: relative; position: relative;
z-index: 2; z-index: 2;
padding: 4rem 1rem; padding: 5rem 1rem;
margin: 0 auto; margin: 0 auto;
max-width: 50rem; max-width: 50rem;
// @media (min-width: $mobileBreakPoint) { @media (min-width: 600px) {
// padding: 0 2rem; padding: 7rem 2rem;
// } }
}
& + & &__inner {
padding-top: 0;
} }
} }

7
docs/src/layouts/App/style.scss
View File

@ -1,4 +1,5 @@
$navHeight: 4.5rem; $navHeight: 4.5rem;
$mobileBreakPoint: 600px;
$menuBreakPoint: 800px; $menuBreakPoint: 800px;
.app { .app {
@ -34,7 +35,7 @@ $menuBreakPoint: 800px;
height: $navHeight; height: $navHeight;
padding: 0 1rem; padding: 0 1rem;
@media (min-width: $menuBreakPoint) { @media (min-width: $mobileBreakPoint) {
padding: 0 2rem; padding: 0 2rem;
} }
} }
@ -310,6 +311,10 @@ $menuBreakPoint: 800px;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
overscroll-behavior: contain; overscroll-behavior: contain;
@media (min-width: $mobileBreakPoint) {
padding: 1rem 1rem 1rem 2rem;
}
@media (min-width: $menuBreakPoint) { @media (min-width: $menuBreakPoint) {
padding: 2rem 0; padding: 2rem 0;
} }

2
docs/src/main.js
View File

@ -8,7 +8,7 @@ import App from '~/layouts/App'
Prism.manual = true Prism.manual = true
export default function (Vue, { head }) { export default function (Vue) {
// fix docsearch // fix docsearch
if (typeof window === 'object' && !window.process) { if (typeof window === 'object' && !window.process) {
window.process = { window.process = {