wisecolt/dupe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI değişikliği

Browse Source
This commit is contained in:
szbk
2025-10-28 15:04:38 +03:00
parent 8e07fb4e05
commit b56c7ebfcb
2 changed files with 206 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
client/src/routes/Files.svelte
View File

@@ -961,7 +961,11 @@ let isPlaying = false;
transition:
border-color 0.18s ease,
background 0.18s ease,
box-shadow 0.18s ease;
box-shadow 0.18s ease,
flex-direction 0.3s cubic-bezier(0.4, 0, 0.2, 1),
padding 0.3s cubic-bezier(0.4, 0, 0.2, 1),
gap 0.3s cubic-bezier(0.4, 0, 0.2, 1),
min-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
cursor: pointer;
}
.media-card::after {
@@ -1007,6 +1011,7 @@ let isPlaying = false;
border-radius: 8px;
object-fit: cover;
flex-shrink: 0;
transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1), height 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-radius 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.media-card:hover {
transform: none;
@@ -1061,6 +1066,7 @@ let isPlaying = false;
width: 100%;
height: 150px;
object-fit: cover;
transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1), height 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-radius 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.thumb.placeholder {
display: flex;
@@ -1074,6 +1080,7 @@ let isPlaying = false;
display: flex;
flex-direction: column;
gap: 4px;
transition: padding 0.3s cubic-bezier(0.4, 0, 0.2, 1), gap 0.3s cubic-bezier(0.4, 0, 0.2, 1), flex 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.name {
font-weight: 600;
@@ -1085,6 +1092,7 @@ let isPlaying = false;
.size {
font-size: 12px;
color: #666;
transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.media-card.list-view .info {
flex: 1;
@@ -1099,6 +1107,9 @@ let isPlaying = false;
}
.list-meta {
display: none;
opacity: 0;
max-height: 0;
transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.media-card.list-view .list-meta {
display: flex;
@@ -1106,6 +1117,8 @@ let isPlaying = false;
gap: 4px;
font-size: 13px;
color: #7a7a7a;
opacity: 1;
max-height: 200px;
}
.meta-line.primary {
display: flex;