Menší úpravy designu a struktury

.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"

.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);
+	}
 }