KevinMidboe/seasoned
1
0
Fork 0
mirror of https://github.com/KevinMidboe/seasoned.git synced 2026-03-11 11:55:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

update all imports with alias @ and scss

Browse Source
This commit is contained in:
Kevin
2026-02-23 16:57:18 +01:00
parent 3e5267933c
commit 4b68a4ad7c
39 changed files with 90 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/App.vue
View File

@@ -28,8 +28,8 @@
</script> </script>
<style lang="scss"> <style lang="scss">
@import "src/scss/main"; @import "scss/main";
@import "src/scss/media-queries"; @import "scss/media-queries";
#app { #app {
display: grid; display: grid;

2
src/components/CastList.vue
View File

@@ -12,7 +12,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { defineProps } from "vue"; import { defineProps } from "vue";
import CastListItem from "src/components/CastListItem.vue"; import CastListItem from "@/components/CastListItem.vue";
import type { import type {
IMovie, IMovie,
IShow, IShow,

4
src/components/LandingBanner.vue
View File

@@ -100,8 +100,8 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "src/scss/variables"; @import "scss/variables";
@import "src/scss/media-queries"; @import "scss/media-queries";
header { header {
width: 100%; width: 100%;

6
src/components/PageHeader.vue
View File

@@ -47,9 +47,9 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "src/scss/variables"; @import "scss/variables";
@import "src/scss/media-queries"; @import "scss/media-queries";
@import "src/scss/main"; @import "scss/main";
header { header {
width: 100%; width: 100%;

4
src/components/Popup.vue
View File

@@ -90,8 +90,8 @@
</script> </script>
<style lang="scss"> <style lang="scss">
@import "src/scss/variables"; @import "scss/variables";
@import "src/scss/media-queries"; @import "scss/media-queries";
.movie-popup { .movie-popup {
position: fixed; position: fixed;

4
src/components/ResultsList.vue
View File

@@ -35,8 +35,8 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "src/scss/media-queries"; @import "scss/media-queries";
@import "src/scss/main"; @import "scss/main";
.no-results { .no-results {
width: 100%; width: 100%;

6
src/components/ResultsListItem.vue
View File

@@ -111,9 +111,9 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "src/scss/variables"; @import "scss/variables";
@import "src/scss/media-queries"; @import "scss/media-queries";
@import "src/scss/main"; @import "scss/main";
.movie-item { .movie-item {
padding: 15px; padding: 15px;

2
src/components/ResultsSection.vue
View File

@@ -172,7 +172,7 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "src/scss/media-queries"; @import "scss/media-queries";
.resultSection { .resultSection {
background-color: var(--background-color); background-color: var(--background-color);

12
src/components/header/AutocompleteDropdown.vue
View File

@@ -24,11 +24,11 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import type { Ref } from "vue";
import { ref, watch, defineProps } from "vue"; import { ref, watch, defineProps } from "vue";
import { useStore } from "vuex"; import { useStore } from "vuex";
import IconMovie from "@/icons/IconMovie.vue"; import IconMovie from "../../icons/IconMovie.vue";
import IconShow from "@/icons/IconShow.vue"; import IconShow from "../../icons/IconShow.vue";
import type { Ref } from "vue";
import { elasticSearchMoviesAndShows } from "../../api"; import { elasticSearchMoviesAndShows } from "../../api";
import { MediaTypes } from "../../interfaces/IList"; import { MediaTypes } from "../../interfaces/IList";
import { Index } from "../../interfaces/IAutocompleteSearch"; import { Index } from "../../interfaces/IAutocompleteSearch";
@@ -134,9 +134,9 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "src/scss/variables"; @import "scss/variables";
@import "src/scss/media-queries"; @import "scss/media-queries";
@import "src/scss/main"; @import "scss/main";
$sizes: 22; $sizes: 22;
@for $i from 0 through $sizes { @for $i from 0 through $sizes {

4
src/components/header/NavigationHeader.vue
View File

@@ -61,8 +61,8 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "src/scss/variables"; @import "scss/variables";
@import "src/scss/media-queries"; @import "scss/media-queries";
.spacer { .spacer {
@include mobile-only { @include mobile-only {

2
src/components/header/NavigationIcon.vue
View File

@@ -37,7 +37,7 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "src/scss/media-queries"; @import "scss/media-queries";
.navigation-link { .navigation-link {
display: grid; display: grid;

2
src/components/header/NavigationIcons.vue
View File

@@ -77,7 +77,7 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "src/scss/media-queries"; @import "scss/media-queries";
.navigation-icons { .navigation-icons {
display: grid; display: grid;

14
src/components/header/SearchInput.vue
View File

@@ -43,13 +43,13 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import type { Ref } from "vue";
import { ref, computed } from "vue"; import { ref, computed } from "vue";
import { useStore } from "vuex"; import { useStore } from "vuex";
import { useRouter, useRoute } from "vue-router"; import { useRouter, useRoute } from "vue-router";
import AutocompleteDropdown from "@/components/header/AutocompleteDropdown.vue"; import AutocompleteDropdown from "./AutocompleteDropdown.vue";
import IconSearch from "@/icons/IconSearch.vue"; import IconSearch from "../../icons/IconSearch.vue";
import IconClose from "@/icons/IconClose.vue"; import IconClose from "../../icons/IconClose.vue";
import type { Ref } from "vue";
import type { MediaTypes } from "../../interfaces/IList"; import type { MediaTypes } from "../../interfaces/IList";
interface ISearchResult { interface ISearchResult {
@@ -165,9 +165,9 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "src/scss/variables"; @import "scss/variables";
@import "src/scss/media-queries"; @import "scss/media-queries";
@import "src/scss/main"; @import "scss/main";
.close-icon { .close-icon {
position: absolute; position: absolute;

2
src/components/popup/ActionButton.vue
View File

@@ -26,7 +26,7 @@
</script> </script>
<style lang="scss"> <style lang="scss">
@import "src/scss/media-queries"; @import "scss/media-queries";
li.sidebar-list-element { li.sidebar-list-element {
display: flex; display: flex;

2
src/components/popup/Description.vue
View File

@@ -67,7 +67,7 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "src/scss/media-queries"; @import "scss/media-queries";
.movie-description { .movie-description {
font-weight: 300; font-weight: 300;

2
src/components/popup/Detail.vue
View File

@@ -19,7 +19,7 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "src/scss/media-queries"; @import "scss/media-queries";
.movie-detail { .movie-detail {
margin-bottom: 20px; margin-bottom: 20px;

37
src/components/popup/Movie.vue
View File

@@ -169,21 +169,20 @@
import { useStore } from "vuex"; import { useStore } from "vuex";
// import img from "@/directives/v-image"; // import img from "@/directives/v-image";
import IconProfile from "@/icons/IconProfile.vue"; import IconProfile from "../../icons/IconProfile.vue";
import IconThumbsUp from "@/icons/IconThumbsUp.vue"; import IconThumbsUp from "../../icons/IconThumbsUp.vue";
import IconThumbsDown from "@/icons/IconThumbsDown.vue"; import IconThumbsDown from "../../icons/IconThumbsDown.vue";
import IconInfo from "@/icons/IconInfo.vue"; import IconInfo from "../../icons/IconInfo.vue";
import IconRequest from "@/icons/IconRequest.vue"; import IconRequest from "../../icons/IconRequest.vue";
import IconRequested from "@/icons/IconRequested.vue"; import IconRequested from "../../icons/IconRequested.vue";
import IconBinoculars from "@/icons/IconBinoculars.vue"; import IconBinoculars from "../../icons/IconBinoculars.vue";
import IconPlay from "@/icons/IconPlay.vue"; import IconPlay from "../../icons/IconPlay.vue";
import TorrentList from "@/components/torrent/TruncatedTorrentResults.vue"; import TorrentList from "../torrent/TruncatedTorrentResults.vue";
import CastList from "@/components/CastList.vue"; import CastList from "../CastList.vue";
import Detail from "@/components/popup/Detail.vue"; import Detail from "./Detail.vue";
import ActionButton from "@/components/popup/ActionButton.vue"; import ActionButton from "./ActionButton.vue";
import Description from "@/components/popup/Description.vue"; import Description from "./Description.vue";
import LoadingPlaceholder from "@/components/ui/LoadingPlaceholder.vue"; import LoadingPlaceholder from "../ui/LoadingPlaceholder.vue";
import type { Ref } from "vue";
import type { import type {
IMovie, IMovie,
IShow, IShow,
@@ -331,10 +330,10 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "src/scss/loading-placeholder"; @import "scss/loading-placeholder";
@import "src/scss/variables"; @import "scss/variables";
@import "src/scss/media-queries"; @import "scss/media-queries";
@import "src/scss/main"; @import "scss/main";
header { header {
$duration: 0.2s; $duration: 0.2s;

8
src/components/popup/Person.vue
View File

@@ -165,10 +165,10 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "src/scss/loading-placeholder"; @import "scss/loading-placeholder";
@import "src/scss/variables"; @import "scss/variables";
@import "src/scss/media-queries"; @import "scss/media-queries";
@import "src/scss/main"; @import "scss/main";
section.person { section.person {
overflow: hidden; overflow: hidden;

6
src/components/torrent/TorrentSearchResults.vue
View File

@@ -100,9 +100,9 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "src/scss/variables"; @import "scss/variables";
@import "src/scss/media-queries"; @import "scss/media-queries";
@import "src/scss/elements"; @import "scss/elements";
h2 { h2 {
font-size: 20px; font-size: 20px;

6
src/components/torrent/TorrentTable.vue
View File

@@ -155,9 +155,9 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "src/scss/variables"; @import "scss/variables";
@import "src/scss/media-queries"; @import "scss/media-queries";
@import "src/scss/elements"; @import "scss/elements";
table { table {
border-spacing: 0; border-spacing: 0;

2
src/components/torrent/TruncatedTorrentResults.vue
View File

@@ -25,8 +25,8 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { ref, defineProps } from "vue";
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
import { ref, defineProps, computed } from "vue";
import TorrentSearchResults from "@/components/torrent/TorrentSearchResults.vue"; import TorrentSearchResults from "@/components/torrent/TorrentSearchResults.vue";
import SeasonedButton from "@/components/ui/SeasonedButton.vue"; import SeasonedButton from "@/components/ui/SeasonedButton.vue";
import IconArrowDown from "@/icons/IconArrowDown.vue"; import IconArrowDown from "@/icons/IconArrowDown.vue";

2
src/components/ui/Hamburger.vue
View File

@@ -23,7 +23,7 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "src/scss/media-queries"; @import "scss/media-queries";
.nav__hamburger { .nav__hamburger {
display: block; display: block;

2
src/components/ui/Loader.vue
View File

@@ -23,7 +23,7 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "src/scss/variables"; @import "scss/variables";
.loader { .loader {
display: flex; display: flex;

2
src/components/ui/LoadingPlaceholder.vue
View File

@@ -22,5 +22,5 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "src/scss/loading-placeholder"; @import "scss/loading-placeholder";
</style> </style>

4
src/components/ui/SeasonedButton.vue
View File

@@ -25,8 +25,8 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "src/scss/variables"; @import "scss/variables";
@import "src/scss/media-queries"; @import "scss/media-queries";
button { button {
display: inline-block; display: inline-block;

4
src/components/ui/SeasonedInput.vue
View File

@@ -74,8 +74,8 @@
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "src/scss/variables"; @import "scss/variables";
@import "src/scss/media-queries"; @import "scss/media-queries";
.group { .group {
display: flex; display: flex;

4
src/components/ui/SeasonedMessages.vue
View File

@@ -65,8 +65,8 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "src/scss/variables"; @import "scss/variables";
@import "src/scss/media-queries"; @import "scss/media-queries";
.fade-active { .fade-active {
transition: opacity 0.4s; transition: opacity 0.4s;

2
src/components/ui/ToggleButton.vue
View File

@@ -35,7 +35,7 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "src/scss/variables"; @import "scss/variables";
$background: $background-ui; $background: $background-ui;
$background-selected: $background-color-secondary; $background-selected: $background-color-secondary;

4
src/pages/404Page.vue
View File

@@ -28,8 +28,8 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "src/scss/variables"; @import "scss/variables.scss";
@import "src/scss/media-queries"; @import "scss/media-queries";
.button { .button {
font-size: 1.2rem; font-size: 1.2rem;

2
src/pages/ActivityPage.vue
View File

@@ -141,7 +141,7 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "src/scss/variables"; @import "scss/variables";
.wrapper { .wrapper {
padding: 2rem; padding: 2rem;

4
src/pages/ProfilePage.vue
View File

@@ -118,8 +118,8 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "src/scss/variables"; @import "scss/variables";
@import "src/scss/media-queries"; @import "scss/media-queries";
.button--group { .button--group {
display: flex; display: flex;

2
src/pages/RegisterPage.vue
View File

@@ -131,7 +131,7 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "src/scss/variables"; @import "scss/variables";
section { section {
padding: 1.3rem; padding: 1.3rem;

2
src/pages/SearchPage.vue
View File

@@ -89,7 +89,7 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "src/scss/media-queries"; @import "scss/media-queries";
.filter { .filter {
margin-top: 0.5rem; margin-top: 0.5rem;

4
src/pages/SettingsPage.vue
View File

@@ -48,8 +48,8 @@
</script> </script>
<style lang="scss"> <style lang="scss">
@import "src/scss/variables"; @import "scss/variables";
@import "src/scss/media-queries"; @import "scss/media-queries";
.settings { .settings {
padding: 3rem; padding: 3rem;

2
src/pages/SigninPage.vue
View File

@@ -112,7 +112,7 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "src/scss/variables"; @import "scss/variables";
section { section {
padding: 1.3rem; padding: 1.3rem;

4
src/scss/elements.scss
View File

@@ -1,5 +1,5 @@
@import "src/scss/variables"; @import "scss/variables";
@import "src/scss/media-queries"; @import "scss/media-queries";
.filter { .filter {
margin: 1rem; margin: 1rem;

2
src/scss/loading-placeholder.scss
View File

@@ -1,4 +1,4 @@
@import "src/scss/variables"; @import "scss/variables";
// Loading placeholder styling // Loading placeholder styling
@mixin nth-children($points...) { @mixin nth-children($points...) {

2
src/scss/main.scss
View File

@@ -1,4 +1,4 @@
@import "src/scss/variables"; @import "scss/variables";
.noselect { .noselect {
-webkit-touch-callout: none; /* iOS Safari */ -webkit-touch-callout: none; /* iOS Safari */

2
src/scss/variables.scss
View File

@@ -1,6 +1,6 @@
// Colors // Colors
// @import "./media-queries"; // @import "./media-queries";
@import "src/scss/media-queries"; @import "scss/media-queries";
:root { :root {
color-scheme: light; color-scheme: light;