KevinMidboe/seasoned
1
0
Fork 0
mirror of https://github.com/KevinMidboe/seasoned.git synced 2026-03-10 11:29:07 +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;
white-space: nowrap;
transition: color 0.1s ease, fill 0.4s ease;
transition:
color 0.1s ease,
fill 0.4s ease;
span {
overflow-x: hidden;

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

@@ -47,8 +47,13 @@
padding: 1rem 0.15rem;
text-align: center;
background-color: var(--background-color-secondary);
transition: transform 0.3s ease, color 0.3s ease, stoke 0.3s ease,
fill 0.3s ease, background-color 0.5s ease;
transition:
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 {
transform: scale(1.05);

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

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

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

@@ -44,7 +44,10 @@
background: $background-color-secondary;
cursor: pointer;
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 {
font-size: 0.8rem;

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

@@ -94,7 +94,9 @@
background-color: white;
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;
margin: 1rem 2rem 1rem 0.71rem;
// max-width: calc(100% - 3rem);

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

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