diff --git a/.vuepress/config.ts b/.vuepress/config.ts index 0af52da..236d2ea 100644 --- a/.vuepress/config.ts +++ b/.vuepress/config.ts @@ -24,8 +24,8 @@ export default defineUserConfig({ "/api": [ { text: "API", + link: "/api", children: [ - {text: "Úvod", link: "/api"}, {text: "Email", link: "/api/email"}, {text: "QR", link: "/api/qr"}, ] @@ -34,8 +34,8 @@ export default defineUserConfig({ "/software": [ { text: "Software", + link: "/software", children: [ - {text: "Úvod", link: "/software"}, "/software/desktop", "/software/os" ] @@ -50,8 +50,8 @@ export default defineUserConfig({ "/linux": [ { text: "Linux", + link: "/linux", children: [ - "/linux", "/linux/prostredi", "/linux/kompatibilita", "/linux/hry" diff --git a/.vuepress/styles/index.scss b/.vuepress/styles/index.scss index e416c45..3cb7702 100644 --- a/.vuepress/styles/index.scss +++ b/.vuepress/styles/index.scss @@ -22,10 +22,14 @@ html.dark { } +/* Page top padding */ + .page .theme-default-content { padding-top: 2.5rem; } +/* Special card component */ + :is(blockquote, .card) :is(p, ol, ul) { margin: 7px 0; line-height: 1.5; @@ -39,4 +43,67 @@ html.dark { } .card > .inner { margin: 12px 16px; +} + +/* Navbar items */ + +.navbar .navbar-items .navbar-item { + & > a { + position: relative; + font-weight: 700; + &:after { + content: ""; + position: absolute; + bottom: -2px; + background-color: var(--c-brand); + border-radius: 2px; + height: 2px; + left: 50%; + width: 0%; + transition: all .2s; + } + } + & > :is(a:hover, a.router-link-active) { + border: none; + &:after { + left: 20%; + width: 60%; + } + } +} + + +/* Sidebar items */ + +a.sidebar-heading { + color: var(--c-text) !important; + &:hover { + text-decoration: underline; + } +} + +ul.sidebar-items a { + border-color: transparent !important; +} + +ul.sidebar-items > * > * > * > .sidebar-item:not(p.sidebar-heading) { + position: relative; + &:after { + content: ""; + position: absolute; + background-color: var(--c-brand); + border-radius: 2px; + top: 50%; + left: 20px; + width: 4px; + height: 4px; + margin-top: -2px; + opacity: 0; + transform: scale(0); + transition: all .2s; + } + &.active:after { + opacity: 1; + transform: scale(1); + } } \ No newline at end of file