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

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

@ -47,65 +47,25 @@
initWorkouts(); initWorkouts();
</script> </script>
<style>
.image-container { <style>
.image-container {
cursor: pointer; cursor: pointer;
height: 300px; height: 300px;
width: 100%; width: 100%;
background-position: 50% 50%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: auto; background-size: cover;
background-position: center center;
overflow: hidden;
position: relative;
}
.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 {
.news-feed {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.news-item { .news-item {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 1rem; padding: 1rem;
@ -113,38 +73,37 @@
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out;
width: 100%; width: 100%;
} }
.news-item-header { .news-item-header {
cursor: pointer; cursor: pointer;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.news-item-icon { .news-item-icon {
cursor: pointer; cursor: pointer;
} }
.news-item h3 { .news-item h3 {
font-weight: bold; font-weight: bold;
color: #3d3d3d; color: #3d3d3d;
} }
.metadata { .metadata {
border-top: #9c9a9a 1px solid; border-top: #9c9a9a 1px solid;
} }
.metadata li { .metadata li {
list-style: none; list-style: none;
display: inline-block; display: inline-block;
margin-left: 1rem; margin-left: 1rem;
} }
.metadata span { .metadata span {
font-size: 0.9em; font-size: 0.9em;
opacity: 0.7; opacity: 0.7;
} }
</style>
</style>

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

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