Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2024-11-15 12:50:01 +00:00
Code Issues Projects Releases Packages Wiki Activity

web: tab bar pagination effect & smooth scroll

Browse source
This commit is contained in:
wukko 2024-06-17 01:00:18 +06:00
parent 2ea3ca1a07
commit 95aeec3380
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
1 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
web/src/components/sidebar/SidebarTab.svelte
View file

@ -4,13 +4,23 @@
export let tabName: string; export let tabName: string;
export let tabLink: string; export let tabLink: string;
const firstTabs = [
"save",
"trim",
"crop",
"convert"
];
let tab: HTMLElement; let tab: HTMLElement;
$: isTabActive = $page.url.pathname === tabLink; $: isTabActive = $page.url.pathname === tabLink;
const showTab = (e: HTMLElement | undefined) => { const showTab = (e: HTMLElement | undefined) => {
if (e) { if (e) {
e.scrollIntoView({}); e.scrollIntoView({
inline: firstTabs.includes(tabName) ? 'end' : 'start',
behavior: 'smooth'
});
} }
} }