-
+
@@ -36,9 +45,5 @@ const metadata = computed(() => {
...(manifest.value.metadata || []),
];
});
-const actor = computed
(() => manifest.value?.actor);
+const actor = computed(() => manifest.value?.actor);
-
-
diff --git a/src/components/metadata/MetadataItem.vue b/src/components/metadata/MetadataItem.vue
index 74636743..62bd1147 100644
--- a/src/components/metadata/MetadataItem.vue
+++ b/src/components/metadata/MetadataItem.vue
@@ -1,11 +1,26 @@
-
+
{{ $t(label) }}
-
-
-
+
+
+
diff --git a/src/components/metadata/MetadataValue.vue b/src/components/metadata/MetadataValue.vue
index b66c2f59..0b3a90fa 100644
--- a/src/components/metadata/MetadataValue.vue
+++ b/src/components/metadata/MetadataValue.vue
@@ -22,25 +22,6 @@ withDefaults(defineProps(), {
flex-wrap: wrap;
}
-.content__link {
- display: flex;
- align-items: center;
- border-bottom: 1px var(--q-primary) dotted;
- text-decoration: none;
-
- @media (prefers-color-scheme: dark) {
- border-color: var(--q-white);
- }
-}
-
-.content__link {
- &:focus,
- &:hover,
- &:active {
- border-bottom-style: solid;
- }
-}
-
.url-text {
display: flex;
padding-right: 4px;
diff --git a/src/components/panels/Panel.vue b/src/components/panels/Panel.vue
index e10f5218..72da4e7d 100644
--- a/src/components/panels/Panel.vue
+++ b/src/components/panels/Panel.vue
@@ -4,82 +4,113 @@
{{ $t(panel.label) }}
- {{$t(tabs[0].label)}}
+ {{ $t(tabs[0].label) }}
-
-
-
+
+
+
-
-
+
+
({
+ class: [
+ 't-hidden'
+ ]
+ }),
+ root: {
+ class: ['t-flex t-flex-col t-flex-1 t-overflow-hidden t-h-full t-flex-1']
+ },
+ panelContainer: {
+ class: ['t-flex t-flex-col t-flex-1 t-overflow-hidden']
+ }
+ }"
+ @update:active-index="onViewChange"
>
-
-
+
+
-
+
-
`
@@ -119,9 +150,9 @@ export default {
AnnotationsView,
ContentView,
ImageView,
- Loading,
+ LoadingSpinner,
MetadataView,
- Notification,
+ MessageBox,
PanelImageAction,
PanelToggleAction,
PanelZoomAction,
diff --git a/src/components/panels/PanelsWrapper.vue b/src/components/panels/PanelsWrapper.vue
index 1e6f59c5..1359dedf 100644
--- a/src/components/panels/PanelsWrapper.vue
+++ b/src/components/panels/PanelsWrapper.vue
@@ -6,8 +6,8 @@
:key="`pc${i}`"
:panel="panel"
:active-view="getActiveView(i)"
- @active-view="onActiveViewChange($event, i)"
class="t-flex-1 t-h-screen md:t-h-auto"
+ @active-view="onActiveViewChange($event, i)"
/>
diff --git a/src/components/panels/actions/PanelImageAction.vue b/src/components/panels/actions/PanelImageAction.vue
index e2f53617..896909d4 100644
--- a/src/components/panels/actions/PanelImageAction.vue
+++ b/src/components/panels/actions/PanelImageAction.vue
@@ -2,15 +2,14 @@
-
+ />
diff --git a/src/components/panels/actions/PanelToggleAction.vue b/src/components/panels/actions/PanelToggleAction.vue
index 86342946..a71492b1 100644
--- a/src/components/panels/actions/PanelToggleAction.vue
+++ b/src/components/panels/actions/PanelToggleAction.vue
@@ -1,7 +1,14 @@
-
-
+
+
diff --git a/src/components/panels/actions/PanelZoomAction.vue b/src/components/panels/actions/PanelZoomAction.vue
index 31852753..8c3f9c79 100644
--- a/src/components/panels/actions/PanelZoomAction.vue
+++ b/src/components/panels/actions/PanelZoomAction.vue
@@ -9,8 +9,7 @@
:title="$t('increase')"
class="t-text-primary dark:t-text-gray-400"
@click="increase()"
- >
-
+ />
-
+ />
diff --git a/src/css/_global.scss b/src/css/_global.scss
index 33151388..eca70ee9 100644
--- a/src/css/_global.scss
+++ b/src/css/_global.scss
@@ -2,6 +2,7 @@
display: flex;
width: 100%;
height: 100%;
+
@media (min-width: $breakpoint-lg-min) {
min-height: 400px;
min-width: 400px;
@@ -13,9 +14,6 @@
z-index: 1;
width: 100%;
height: 100%;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background: rgba(0,0,0,0.04);
+ inset: 0;
+ background: rgb(0 0 0 / 4%);
}
diff --git a/src/css/_scrollbar.scss b/src/css/_scrollbar.scss
index 2d04a925..f8a52cc9 100644
--- a/src/css/_scrollbar.scss
+++ b/src/css/_scrollbar.scss
@@ -1,6 +1,5 @@
$foreground: #cacaca;
$background: #eee;
-
$foreground-dark: #555;
$background-dark: #1c1c1c;
diff --git a/src/css/_tooltip.scss b/src/css/_tooltip.scss
index fea55985..55c43fff 100644
--- a/src/css/_tooltip.scss
+++ b/src/css/_tooltip.scss
@@ -16,7 +16,7 @@
border: 1px solid #ddd;
-webkit-touch-callout: none;
- .body--dark & {
+ [color-scheme="dark"] & {
background-color: $dark;
border: 1px solid #424242;
}
diff --git a/src/css/preflight.scss b/src/css/preflight.scss
index a9e943f1..f883497e 100644
--- a/src/css/preflight.scss
+++ b/src/css/preflight.scss
@@ -10,7 +10,7 @@
box-sizing: border-box; /* 1 */
border-width: 0; /* 2 */
border-style: solid; /* 2 */
- border-color: theme('borderColor.DEFAULT', currentColor); /* 2 */
+ border-color: theme('borderColor.DEFAULT', currentcolor); /* 2 */
}
*::before,
@@ -29,8 +29,7 @@
*/
line-height: 1.5; /* 1 */
- -webkit-text-size-adjust: 100%; /* 2 */
- -moz-tab-size: 4; /* 3 */
+ text-size-adjust: 100%; /* 2 */ /* 3 */
tab-size: 4; /* 3 */
font-family: theme('fontFamily.sans', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); /* 4 */
font-feature-settings: theme('fontFamily.sans[1].fontFeatureSettings', normal); /* 5 */
@@ -195,7 +194,7 @@
[type='button'],
[type='reset'],
[type='submit'] {
- -webkit-appearance: button; /* 1 */
+ appearance: button; /* 1 */
background-color: transparent; /* 2 */
background-image: none; /* 2 */
}
@@ -239,7 +238,7 @@
*/
[type='search'] {
- -webkit-appearance: textfield; /* 1 */
+ appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
@@ -248,7 +247,7 @@
*/
&::-webkit-search-decoration {
- -webkit-appearance: none;
+ appearance: none;
}
/*
@@ -257,7 +256,7 @@
*/
&::-webkit-file-upload-button {
- -webkit-appearance: button; /* 1 */
+ appearance: button; /* 1 */
font: inherit; /* 2 */
}
diff --git a/src/services/bookmark.js b/src/services/bookmark.js
index b126d3ac..94e6a74f 100644
--- a/src/services/bookmark.js
+++ b/src/services/bookmark.js
@@ -11,7 +11,7 @@ class BookmarkService {
getValueInOldQuery(oldQueryValue, key) {
const oldQueryArray = oldQueryValue.split('_');
let numbersPart = '';
- oldQueryArray.forEach((part, index) => {
+ oldQueryArray.forEach((part) => {
if (part.includes(key)) {
numbersPart = part.slice(1);
}
diff --git a/src/stores/contents.ts b/src/stores/contents.ts
index 54fd4360..3e3a41b3 100644
--- a/src/stores/contents.ts
+++ b/src/stores/contents.ts
@@ -1,91 +1,85 @@
-import { defineStore } from 'pinia'
+import { defineStore } from 'pinia';
import {
- computed, ref,
- } from 'vue';
+ computed, ref,
+} from 'vue';
import { request } from '@/utils/http';
import { i18n } from '@/i18n';
import BookmarkService from '@/services/bookmark';
import { loadCss, loadFont } from '../utils';
-import { c } from 'vite/dist/node/types.d-aGj9QkWt';
import { useConfigStore } from '@/stores/config';
import { useAnnotationsStore } from '@/stores/annotations';
+export const useContentsStore = defineStore('contents', () => {
+ const activeContentUrl = ref