fix: auto-resolve project name from image, fix global scroll
- Auto-fill project name from image path when browsing - Prevent html/body scroll jump with overflow: hidden
This commit is contained in:
+5
-4
@@ -3,13 +3,14 @@
|
|||||||
|
|
||||||
/* ── Base Styles ──────────────────────────────────────────────────── */
|
/* ── Base Styles ──────────────────────────────────────────────────── */
|
||||||
|
|
||||||
html {
|
html, body {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
font-family: var(--font-family-sans);
|
font-family: var(--font-family-sans);
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
background-color: var(--surface-page);
|
background-color: var(--surface-page);
|
||||||
color: var(--text-primary);
|
color: var(--text-primary);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -56,9 +56,19 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function nameFromImage(imageRef: string): string {
|
||||||
|
// Extract last path segment: "git.example.com/owner/my-app" → "my-app"
|
||||||
|
const parts = imageRef.split('/');
|
||||||
|
return parts[parts.length - 1].toLowerCase().replace(/[^a-z0-9-]/g, '-');
|
||||||
|
}
|
||||||
|
|
||||||
function selectBrowsedImage(image: RegistryImage & { registryName: string }) {
|
function selectBrowsedImage(image: RegistryImage & { registryName: string }) {
|
||||||
formImage = image.full_ref;
|
formImage = image.full_ref;
|
||||||
formRegistry = image.registryName;
|
formRegistry = image.registryName;
|
||||||
|
// Auto-fill name if empty.
|
||||||
|
if (!formName.trim()) {
|
||||||
|
formName = nameFromImage(image.full_ref);
|
||||||
|
}
|
||||||
showImageBrowser = false;
|
showImageBrowser = false;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user