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

resolved linting issues

Browse Source
This commit is contained in:
Kevin
2026-02-23 20:33:17 +01:00
parent c5c1cf1c8d
commit 2883760362
6 changed files with 56 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -214,7 +214,9 @@
cursor: pointer; cursor: pointer;
white-space: nowrap; white-space: nowrap;
transition: color 0.1s ease, fill 0.4s ease; transition:
color 0.1s ease,
fill 0.4s ease;
span { span {
overflow-x: hidden; overflow-x: hidden;

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

@@ -47,8 +47,13 @@
padding: 1rem 0.15rem; padding: 1rem 0.15rem;
text-align: center; text-align: center;
background-color: var(--background-color-secondary); background-color: var(--background-color-secondary);
transition: transform 0.3s ease, color 0.3s ease, stoke 0.3s ease, transition:
fill 0.3s ease, background-color 0.5s ease; transform 0.3s ease,
color 0.3s ease,
stoke 0.3s ease,
fill 0.3s ease,
background-color 0.5s ease;
transition: all 0.3s ease;
&:hover { &:hover {
transform: scale(1.05); transform: scale(1.05);

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

@@ -113,13 +113,8 @@
margin: 1rem 0; margin: 1rem 0;
} }
.container {
background-color: $background-color;
}
.no-results { .no-results {
display: flex; display: flex;
padding-bottom: 2rem;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
width: 100%; width: 100%;

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

@@ -44,7 +44,10 @@
background: $background-color-secondary; background: $background-color-secondary;
cursor: pointer; cursor: pointer;
outline: none; outline: none;
transition: background 0.5s ease, color 0.5s ease, border-color 0.5s ease; transition:
background 0.5s ease,
color 0.5s ease,
border-color 0.5s ease;
@include desktop { @include desktop {
font-size: 0.8rem; font-size: 0.8rem;

4
src/plugins/Toast/ToastComponent.vue
View File

@@ -94,7 +94,9 @@
background-color: white; background-color: white;
border-radius: 3px; border-radius: 3px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.17), 0 2px 4px 0 rgba(0, 0, 0, 0.08); box-shadow:
0 4px 8px 0 rgba(0, 0, 0, 0.17),
0 2px 4px 0 rgba(0, 0, 0, 0.08);
padding: 0.5rem; padding: 0.5rem;
margin: 1rem 2rem 1rem 0.71rem; margin: 1rem 2rem 1rem 0.71rem;
// max-width: calc(100% - 3rem); // max-width: calc(100% - 3rem);

78
src/scss/media-queries.scss
View File

@@ -8,72 +8,72 @@ $desktop-l-width: 1600px;
$mobile-width: 768px; $mobile-width: 768px;
@mixin desktop { @mixin desktop {
@media (min-width: #{$mobile-width + 1px}) { @media (min-width: #{$mobile-width + 1px}) {
@content; @content;
} }
} }
@mixin mobile { @mixin mobile {
@media (max-width: #{$mobile-width}) { @media (max-width: #{$mobile-width}) {
@content; @content;
} }
} }
.desktop-only { .desktop-only {
@include mobile { @include mobile {
display: none !important; display: none !important;
} }
} }
.mobile-only { .mobile-only {
@include desktop { @include desktop {
display: none !important; display: none !important;
} }
} }
// Media // Media
@mixin mobile-only { @mixin mobile-only {
@media (max-width: #{$tablet-p-width - 1px}) { @media (max-width: #{$tablet-p-width - 1px}) {
@content; @content;
} }
} }
@mixin mobile-ls-min { @mixin mobile-ls-min {
@media (min-width: #{$phone-xs-width}) { @media (min-width: #{$phone-xs-width}) {
@content; @content;
} }
} }
@mixin tablet-only { @mixin tablet-only {
@media (min-width: #{$tablet-p-width}) and (max-width: #{$desktop-width - 1px}) { @media (min-width: #{$tablet-p-width}) and (max-width: #{$desktop-width - 1px}) {
@content; @content;
} }
} }
@mixin tablet-min { @mixin tablet-min {
@media (min-width: #{$tablet-p-width}) { @media (min-width: #{$tablet-p-width}) {
@content; @content;
} }
} }
@mixin tablet-portrait-only { @mixin tablet-portrait-only {
@media (min-width: #{$tablet-p-width}) and (max-width: #{$tablet-l-width - 1px}) { @media (min-width: #{$tablet-p-width}) and (max-width: #{$tablet-l-width - 1px}) {
@content; @content;
} }
} }
@mixin tablet-landscape-min { @mixin tablet-landscape-min {
@media (min-width: #{$tablet-l-width}) { @media (min-width: #{$tablet-l-width}) {
@content; @content;
} }
} }
@mixin desktop-min { @mixin desktop-min {
@media (min-width: #{$desktop-width}) { @media (min-width: #{$desktop-width}) {
@content; @content;
} }
} }
@mixin desktop-lg-min { @mixin desktop-lg-min {
@media (min-width: #{$desktop-l-width}) { @media (min-width: #{$desktop-l-width}) {
@content; @content;
} }
} }
@mixin retina { @mixin retina {
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
@content; @content;
} }
} }