Skip to content

Commit d790601

Browse files
anti-podeanti-pode
committed
feat(components): внести мелкие правки
1 parent c50047c commit d790601

File tree

7 files changed

+45
-40
lines changed

7 files changed

+45
-40
lines changed

‎docs/assets/index-B3jaX63i.css‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎docs/assets/index-ptjJCNVs.js‎ renamed to ‎docs/assets/index-BHcJCzwW.js‎

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/assets/index-DmtN-YFO.css‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,8 @@
55
<link rel="icon" href="/js-data-structures/favicon.ico" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
77
<title>Структуры данных для frontend-разработчика</title>
8-
<script type="module" crossorigin src="/js-data-structures/assets/index-ptjJCNVs.js"></script>
9-
<link rel="stylesheet" crossorigin href="/js-data-structures/assets/index-B3jaX63i.css">
8+
<script type="module" crossorigin src="/js-data-structures/assets/index-BHcJCzwW.js"></script>
9+
<link rel="stylesheet" crossorigin href="/js-data-structures/assets/index-DmtN-YFO.css">
1010
</head>
1111
<body>
1212
<div id="app"></div>

‎src/components/section/app-section.vue‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -221,6 +221,10 @@ defineProps({
221221
font-weight: 400;
222222
font-size: 18px;
223223
224+
@include mobile {
225+
font-size: 14px;
226+
}
227+
224228
img {
225229
display: inline-block;
226230
width: 1em;

‎src/structures/list/examples/music-player/music-player.vue‎

Lines changed: 12 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,7 @@ onMounted(() => {
2121
2222
if (audioPlayer.value && currentSong.value) {
2323
audioPlayer.value.src = currentSong.value.value.src
24+
audioPlayer.value.volume = 0.1
2425
}
2526
})
2627
@@ -41,26 +42,26 @@ const updateProgress = () => {
4142
}
4243
4344
const removeCurrentSong = () => {
44-
if (!currentSong.value) return;
45+
if (!currentSong.value) return
4546
46-
const currentSongTitle = currentSong.value.value.title;
47-
playlist.value.removeCurrent();
48-
songs.value = songs.value.filter((song) => song.title !== currentSongTitle);
47+
const currentSongTitle = currentSong.value.value.title
48+
playlist.value.removeCurrent()
49+
songs.value = songs.value.filter((song) => song.title !== currentSongTitle)
4950
5051
if (playlist.value.current) {
51-
currentSong.value = playlist.value.current;
52+
currentSong.value = playlist.value.current
5253
if (audioPlayer.value) {
53-
audioPlayer.value.src = currentSong.value.value.src;
54+
audioPlayer.value.src = currentSong.value.value.src
5455
if (isPlaying.value) {
55-
audioPlayer.value.play();
56+
audioPlayer.value.play()
5657
}
5758
}
5859
} else {
59-
currentSong.value = null;
60+
currentSong.value = null
6061
if (audioPlayer.value) {
61-
audioPlayer.value.pause();
62-
audioPlayer.value.src = '';
63-
isPlaying.value = false;
62+
audioPlayer.value.pause()
63+
audioPlayer.value.src = ''
64+
isPlaying.value = false
6465
}
6566
}
6667
}

‎src/structures/map/examples/film-map.vue‎

Lines changed: 24 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,34 +1,32 @@
11
<script setup lang="ts">
22
import { ref } from 'vue'
3-
const movie = ref(
4-
{
5-
id: 1,
6-
title: 'Брат',
7-
imgSrc: './posters/1.jpg',
8-
tags: [
9-
['origin', 'Российские'],
10-
['type', 'Фильмы'],
11-
],
12-
}
13-
)
3+
const movie = ref({
4+
id: 1,
5+
title: 'Брат',
6+
imgSrc: './posters/1.jpg',
7+
tags: [
8+
['origin', 'Российские'],
9+
['type', 'Фильмы'],
10+
],
11+
})
1412
</script>
1513

1614
<template>
17-
<div class="movies-list__item">
18-
<div class="movies-list__item__poster">
19-
<img :src="movie.imgSrc" alt="" />
20-
</div>
21-
<div class="movies-list__item__title">{{ movie.title }}</div>
22-
<div class="movies-list__item__tags">
23-
<span
24-
v-for="tag in movie.tags.map(([_, val]) => val)"
25-
:key="tag"
26-
class="movies-list__item__tag"
27-
:class="tag"
15+
<div class="movies-list__item">
16+
<div class="movies-list__item__poster">
17+
<img :src="movie.imgSrc" alt="" />
18+
</div>
19+
<div class="movies-list__item__title">{{ movie.title }}</div>
20+
<div class="movies-list__item__tags">
21+
<span
22+
v-for="tag in movie.tags.map(([_, val]) => val)"
23+
:key="tag"
24+
class="movies-list__item__tag"
25+
:class="tag"
2826
>{{ tag }}
29-
</span>
30-
</div>
27+
</span>
3128
</div>
29+
</div>
3230
</template>
3331

3432
<style lang="scss" scoped>
@@ -42,6 +40,8 @@ $color-series: #d500f9;
4240
4341
.movies-list {
4442
&__item {
43+
max-width: 300px;
44+
margin-top: 10px;
4545
padding: 10px;
4646
border: 1px solid #ccc;
4747
transition: box-shadow 0.3s ease;

0 commit comments

Comments
 (0)