From 5dce7b6191d2621b1dc9a4cef20b2e06a53f8e89 Mon Sep 17 00:00:00 2001 From: Alex Korytskyi Date: Sun, 22 Mar 2026 20:31:10 +0000 Subject: [PATCH 01/16] fix: code page visual fixes, add container toggle --- app/components/Code/DirectoryListing.vue | 1 + app/components/Code/Header.vue | 258 +++++++++++++++++ app/components/Code/MobileTreeDrawer.vue | 17 +- app/components/Code/SkeletonLoader.vue | 33 +++ app/components/Code/Viewer.vue | 2 +- app/composables/useSettings.ts | 22 +- .../v/[version]/[...filePath].vue | 261 +++++------------- i18n/locales/en.json | 8 +- uno.config.ts | 1 + 9 files changed, 399 insertions(+), 204 deletions(-) create mode 100644 app/components/Code/Header.vue create mode 100644 app/components/Code/SkeletonLoader.vue diff --git a/app/components/Code/DirectoryListing.vue b/app/components/Code/DirectoryListing.vue index 624a69ef8e..f9b8521a5a 100644 --- a/app/components/Code/DirectoryListing.vue +++ b/app/components/Code/DirectoryListing.vue @@ -58,6 +58,7 @@ const bytesFormatter = useBytesFormatter()
+

{{ $t('code.no_files') }}

diff --git a/app/components/Code/Header.vue b/app/components/Code/Header.vue new file mode 100644 index 0000000000..ecbfe6d6b0 --- /dev/null +++ b/app/components/Code/Header.vue @@ -0,0 +1,258 @@ + + + diff --git a/app/components/Code/MobileTreeDrawer.vue b/app/components/Code/MobileTreeDrawer.vue index ecdf1f4f4e..dd524bf635 100644 --- a/app/components/Code/MobileTreeDrawer.vue +++ b/app/components/Code/MobileTreeDrawer.vue @@ -22,18 +22,17 @@ watch( const isLocked = useScrollLock(document) // Prevent body scroll when drawer is open watch(isOpen, open => (isLocked.value = open)) + +function toggle() { + isOpen.value = !isOpen.value +} + +defineExpose({ + toggle, +}) diff --git a/app/components/Code/Viewer.vue b/app/components/Code/Viewer.vue index 90bcf0c221..5edf96eb84 100644 --- a/app/components/Code/Viewer.vue +++ b/app/components/Code/Viewer.vue @@ -86,7 +86,7 @@ watch( -
+
diff --git a/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue b/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue index 92715fa973..8a3e700ffa 100644 --- a/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue +++ b/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue @@ -325,7 +325,7 @@ defineOgImageComponent('Default', {
@@ -362,7 +362,7 @@ defineOgImageComponent('Default', { -