picocrank 1.2.2 → 1.2.4
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.
- package/index.html +3 -1
- package/package.json +2 -2
- package/vue/components/Header.vue +10 -2
- package/vue/components/Sidebar.vue +1 -12
- package/vue/views/App.vue +1 -1
package/index.html
CHANGED
|
@@ -5,6 +5,9 @@
|
|
|
5
5
|
<link rel = "shortcut icon" href = "logo.png" type = "image/png" />
|
|
6
6
|
|
|
7
7
|
<meta name = "viewport" content = "width=device-width, initial-scale=1.0, user-scalable=no" />
|
|
8
|
+
|
|
9
|
+
<link rel = "stylesheet" href = "node_modules/femtocrank/style.css" />
|
|
10
|
+
<link rel = "stylesheet" href = "node_modules/femtocrank/dark.css" media = "(prefers-color-scheme: dark)" />
|
|
8
11
|
</head>
|
|
9
12
|
|
|
10
13
|
<body>
|
|
@@ -12,7 +15,6 @@
|
|
|
12
15
|
</body>
|
|
13
16
|
|
|
14
17
|
<script type = "module">
|
|
15
|
-
import 'femtocrank/style.css';
|
|
16
18
|
import { createApp } from 'vue';
|
|
17
19
|
import App from './vue/views/App.vue';
|
|
18
20
|
import router from './router.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "picocrank",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.4",
|
|
4
4
|
"description": "A set of zero dependency Vue components built on the Femtocrank global CSS theme.",
|
|
5
5
|
"main": "vite.config.js",
|
|
6
6
|
"scripts": {
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"@hugeicons/core-free-icons": "^1.0.16",
|
|
20
20
|
"@hugeicons/vue": "^1.0.3",
|
|
21
21
|
"@vitejs/plugin-vue": "^6.0.1",
|
|
22
|
-
"femtocrank": "^2.
|
|
22
|
+
"femtocrank": "^2.4.0",
|
|
23
23
|
"unplugin-vue-components": "^29.0.0",
|
|
24
24
|
"vite": "^7.1.3",
|
|
25
25
|
"vue": "^3.5.19",
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<header>
|
|
3
3
|
<div class = "image-and-title flex-row" id = "sidebar-button" @click = "emit('toggleSidebar')">
|
|
4
|
-
<img src = "
|
|
5
|
-
<h1>
|
|
4
|
+
<img :src = "logoUrl" alt = "Logo" class = "logo" />
|
|
5
|
+
<h1>{{ title }}</h1>
|
|
6
6
|
|
|
7
7
|
<div class = "fg1" />
|
|
8
8
|
|
|
@@ -36,6 +36,14 @@
|
|
|
36
36
|
type: String,
|
|
37
37
|
default: "",
|
|
38
38
|
},
|
|
39
|
+
title: {
|
|
40
|
+
type: String,
|
|
41
|
+
default: "Untitled",
|
|
42
|
+
},
|
|
43
|
+
logoUrl: {
|
|
44
|
+
type: String,
|
|
45
|
+
default: "/logo.png",
|
|
46
|
+
},
|
|
39
47
|
});
|
|
40
48
|
</script>
|
|
41
49
|
|
|
@@ -170,13 +170,7 @@ li {
|
|
|
170
170
|
align-items: center;
|
|
171
171
|
gap: 0.75rem;
|
|
172
172
|
padding: .75em;
|
|
173
|
-
|
|
174
|
-
}
|
|
175
|
-
|
|
176
|
-
.navigation-links a:hover,
|
|
177
|
-
.supplemental-links a:hover {
|
|
178
|
-
background: #f8f9fa;
|
|
179
|
-
color: #007bff;
|
|
173
|
+
border-radius: 0;
|
|
180
174
|
}
|
|
181
175
|
|
|
182
176
|
.icon {
|
|
@@ -196,11 +190,6 @@ li {
|
|
|
196
190
|
color: #f8f9fa;
|
|
197
191
|
}
|
|
198
192
|
|
|
199
|
-
.navigation-links a:hover,
|
|
200
|
-
.supplemental-links a:hover {
|
|
201
|
-
background: #343a40;
|
|
202
|
-
color: #007bff;
|
|
203
|
-
}
|
|
204
193
|
|
|
205
194
|
.supplemental-links {
|
|
206
195
|
border-top: 1px solid #444;
|
package/vue/views/App.vue
CHANGED