webart
/
strava-frontend
1
0
Fork 0
Code Issues 10 Pull Requests Actions Packages Projects Releases Wiki Activity

fix linter
Gitea Actions Demo / build_and_push (push) Successful in 1m8s Details

This commit is contained in:
artem 2025-01-02 12:12:27 +03:00
parent 2253d00caa
commit d4b64886c9
2 changed files with 67 additions and 102 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
src/pages/workouts/Feed.vue
View File

@ -47,57 +47,17 @@
initWorkouts();
</script>
<style>
.image-container {
cursor: pointer;
height: 300px;
width: 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: auto;
background-position: center center;
overflow: hidden;
position: relative;
background-size: cover;
}
.image-container img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
@media (min-width: 1300px) {
.image-container::before,
.image-container::after {
content: "";
position: absolute;
width: 24%;
height: 300px;
background-image: inherit;
background-size: inherit;
filter: blur(10px);
}
.image-container::before {
left: 0;
}
.image-container::after {
right: 0;
}
.image-container::before {
left: 0;
background-position: left center;
}
.image-container:after {
right: 0;
background-position: right center;
}
}
.news-feed {
display: flex;
flex-direction: column;
@ -147,4 +107,3 @@
}
</style>

12
src/pages/workouts/components/WorkoutListItem.vue
View File

@ -3,8 +3,13 @@
<article class="news-item">
<div class="news-item-header" v-on:click="openWorkout(item.id)">
<h3>{{ item.name }}</h3>
<!-- @vue-ignore -->
<VaIcon v-if="deleteItem" name="delete_forever" size="22px" color="#bbc1c3" class="news-item-icon" @click="(event: any) => deleteItem?(item.id, event)"/>
<VaIcon v-if="deleteItem"
name="delete_forever"
size="22px"
color="#bbc1c3"
class="news-item-icon"
@click="(event: any) => deleteItem ? deleteItem(item.id, event) : ''"
/>
</div>
<ul class="metadata">
<li v-if="item.workouted_at"><span>Дата:</span> {{ formatTime(item.workouted_at) }}</li>
@ -58,9 +63,10 @@
@media (min-width: 1300px) {
.image-container::before,
.image-container::after {
top:0;
content: "";
position: absolute;
width: 24%;
width: 25%;
height: 300px;
background-image: inherit;
background-size: inherit;