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: use an alias for components folder

Browse source
This commit is contained in:
wukko 2024-06-24 20:23:55 +06:00
parent 530edee0b1
commit a226f0635f
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
13 changed files with 40 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
web/src/components/misc/Placeholder.svelte
View file

@ -1,5 +1,5 @@
<script> <script>
import MeowbaltLoaf from "../meowbalt/MeowbaltLoaf.svelte"; import MeowbaltLoaf from "$components/meowbalt/MeowbaltLoaf.svelte";
export let pageName; export let pageName;
</script> </script>

10
web/src/components/save/Omnibox.svelte
View file

@ -1,18 +1,18 @@
<script lang="ts"> <script lang="ts">
import IconLink from "@tabler/icons-svelte/IconLink.svelte"; import IconLink from "@tabler/icons-svelte/IconLink.svelte";
import DownloadButton from "./buttons/DownloadButton.svelte"; import ClearButton from "$components/save/buttons/ClearButton.svelte";
import ClearButton from "./buttons/ClearButton.svelte"; import DownloadButton from "$components/save/buttons/DownloadButton.svelte";
import ActionButton from "../buttons/ActionButton.svelte";
import Switcher from "../buttons/Switcher.svelte"; import Switcher from "$components/buttons/Switcher.svelte";
import ActionButton from "$components/buttons/ActionButton.svelte";
import SettingsButton from "$components/buttons/SettingsButton.svelte";
import IconSparkles from "$lib/icons/Sparkles.svelte"; import IconSparkles from "$lib/icons/Sparkles.svelte";
import IconMusic from "$lib/icons/Music.svelte"; import IconMusic from "$lib/icons/Music.svelte";
import IconMute from "$lib/icons/Mute.svelte"; import IconMute from "$lib/icons/Mute.svelte";
import IconClipboard from "$lib/icons/Clipboard.svelte"; import IconClipboard from "$lib/icons/Clipboard.svelte";
import SettingsButton from "../buttons/SettingsButton.svelte";
let link: string = ""; let link: string = "";
let isFocused = false; let isFocused = false;

20
web/src/components/sidebar/Sidebar.svelte
View file

@ -1,16 +1,16 @@
<script> <script>
import CobaltLogo from "./CobaltLogo.svelte"; import CobaltLogo from "$components/sidebar/CobaltLogo.svelte";
import SidebarTab from "./SidebarTab.svelte"; import SidebarTab from "$components/sidebar/SidebarTab.svelte";
import IconDownload from '@tabler/icons-svelte/IconDownload.svelte'; import IconDownload from "@tabler/icons-svelte/IconDownload.svelte";
import IconCut from '@tabler/icons-svelte/IconCut.svelte'; import IconCut from "@tabler/icons-svelte/IconCut.svelte";
import IconCrop from '@tabler/icons-svelte/IconCrop.svelte'; import IconCrop from "@tabler/icons-svelte/IconCrop.svelte";
import IconTransform from '@tabler/icons-svelte/IconTransform.svelte'; import IconTransform from "@tabler/icons-svelte/IconTransform.svelte";
import IconSettings from '@tabler/icons-svelte/IconSettings.svelte'; import IconSettings from "@tabler/icons-svelte/IconSettings.svelte";
import IconComet from '@tabler/icons-svelte/IconComet.svelte'; import IconComet from "@tabler/icons-svelte/IconComet.svelte";
import IconHeart from '@tabler/icons-svelte/IconHeart.svelte'; import IconHeart from "@tabler/icons-svelte/IconHeart.svelte";
import IconInfoCircle from '@tabler/icons-svelte/IconInfoCircle.svelte'; import IconInfoCircle from "@tabler/icons-svelte/IconInfoCircle.svelte";
const iconSize = 21; const iconSize = 21;
const iconStroke = 1.2; const iconStroke = 1.2;

2
web/src/routes/+layout.svelte
View file

@ -1,7 +1,7 @@
<script> <script>
import "@fontsource/ibm-plex-mono/400.css"; import "@fontsource/ibm-plex-mono/400.css";
import "@fontsource/ibm-plex-mono/500.css"; import "@fontsource/ibm-plex-mono/500.css";
import Sidebar from "../components/sidebar/Sidebar.svelte"; import Sidebar from "$components/sidebar/Sidebar.svelte";
</script> </script>
<div id="cobalt"> <div id="cobalt">

4
web/src/routes/+page.svelte
View file

@ -1,6 +1,6 @@
<script> <script>
import Omnibox from "../components/save/Omnibox.svelte"; import Omnibox from "$components/save/Omnibox.svelte";
import MeowbaltLoaf from "../components/meowbalt/MeowbaltLoaf.svelte"; import MeowbaltLoaf from "$components/meowbalt/MeowbaltLoaf.svelte";
</script> </script>
<div id="cobalt-save-container" class="center-column-container"> <div id="cobalt-save-container" class="center-column-container">

2
web/src/routes/about/+page.svelte
View file

@ -1,5 +1,5 @@
<script> <script>
import Placeholder from "../../components/misc/Placeholder.svelte"; import Placeholder from "$components/misc/Placeholder.svelte";
</script> </script>
<Placeholder pageName="about" /> <Placeholder pageName="about" />

2
web/src/routes/convert/+page.svelte
View file

@ -1,5 +1,5 @@
<script> <script>
import Placeholder from "../../components/misc/Placeholder.svelte"; import Placeholder from "$components/misc/Placeholder.svelte";
</script> </script>
<Placeholder pageName="convert" /> <Placeholder pageName="convert" />

2
web/src/routes/crop/+page.svelte
View file

@ -1,5 +1,5 @@
<script> <script>
import Placeholder from "../../components/misc/Placeholder.svelte"; import Placeholder from "$components/misc/Placeholder.svelte";
</script> </script>
<Placeholder pageName="crop" /> <Placeholder pageName="crop" />

2
web/src/routes/donate/+page.svelte
View file

@ -1,5 +1,5 @@
<script> <script>
import Placeholder from "../../components/misc/Placeholder.svelte"; import Placeholder from "$components/misc/Placeholder.svelte";
</script> </script>
<Placeholder pageName="donate" /> <Placeholder pageName="donate" />

4
web/src/routes/settings/+layout.svelte
View file

@ -1,6 +1,6 @@
<script> <script>
import SettingsCategory from "../../components/settings/SettingsCategory.svelte"; import SettingsCategory from "$components/settings/SettingsCategory.svelte";
import SettingsSection from "../../components/settings/SettingsSection.svelte"; import SettingsSection from "$components/settings/SettingsSection.svelte";
import IconSunHigh from "@tabler/icons-svelte/IconSunHigh.svelte"; import IconSunHigh from "@tabler/icons-svelte/IconSunHigh.svelte";
import IconAccessible from "@tabler/icons-svelte/IconAccessible.svelte"; import IconAccessible from "@tabler/icons-svelte/IconAccessible.svelte";

2
web/src/routes/trim/+page.svelte
View file

@ -1,5 +1,5 @@
<script> <script>
import Placeholder from "../../components/misc/Placeholder.svelte"; import Placeholder from "$components/misc/Placeholder.svelte";
</script> </script>
<Placeholder pageName="trim" /> <Placeholder pageName="trim" />

2
web/src/routes/updates/+page.svelte
View file

@ -1,5 +1,5 @@
<script> <script>
import Placeholder from "../../components/misc/Placeholder.svelte"; import Placeholder from "$components/misc/Placeholder.svelte";
</script> </script>
<Placeholder pageName="updates" /> <Placeholder pageName="updates" />

23
web/svelte.config.js
View file

@ -8,16 +8,19 @@ const config = {
preprocess: vitePreprocess(), preprocess: vitePreprocess(),
kit: { kit: {
adapter: adapter({ adapter: adapter({
// default options are shown. On some platforms // default options are shown. On some platforms
// these options are set automatically — see below // these options are set automatically — see below
pages: 'build', pages: 'build',
assets: 'build', assets: 'build',
fallback: undefined, fallback: undefined,
precompress: false, precompress: false,
strict: true strict: true
}) }),
} alias: {
$components: 'src/components'
}
}
}; };
export default config; export default config;