Compare commits

..

No commits in common. "7cb2358a54145f9240b1046de09ba05e39e5b90b" and "a809676731492b598b113c145d87998856cd520f" have entirely different histories.

4 changed files with 8 additions and 39 deletions

4
package-lock.json generated
View File

@ -1,12 +1,12 @@
{ {
"name": "twitch-vod-manager", "name": "twitch-vod-manager",
"version": "4.6.123", "version": "4.6.122",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "twitch-vod-manager", "name": "twitch-vod-manager",
"version": "4.6.123", "version": "4.6.122",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"axios": "^1.6.0", "axios": "^1.6.0",

View File

@ -1,6 +1,6 @@
{ {
"name": "twitch-vod-manager", "name": "twitch-vod-manager",
"version": "4.6.123", "version": "4.6.122",
"description": "Twitch VOD Manager - Download Twitch VODs easily", "description": "Twitch VOD Manager - Download Twitch VODs easily",
"main": "dist/main.js", "main": "dist/main.js",
"author": "xRangerDE", "author": "xRangerDE",

View File

@ -56,14 +56,14 @@ function renderStreamerProfileSkeleton(login: string): void {
el.classList.add('streamer-profile-skeleton'); el.classList.add('streamer-profile-skeleton');
el.style.display = 'flex'; el.style.display = 'flex';
applyProfileHtml(el, ` applyProfileHtml(el, `
<div class="streamer-profile-skel-block avatar"></div> <div class="streamer-profile-skel-block" style="width:88px; height:88px; border-radius:50%; flex-shrink:0;"></div>
<div class="streamer-profile-body"> <div class="streamer-profile-body">
<div class="streamer-profile-name-row"> <div class="streamer-profile-name-row">
<div class="streamer-profile-skel-block name"></div> <div class="streamer-profile-skel-block" style="width:180px; height:24px;"></div>
<div class="streamer-profile-skel-block badge"></div> <div class="streamer-profile-skel-block" style="width:90px; height:18px; border-radius:10px;"></div>
</div> </div>
<div class="streamer-profile-skel-block subtitle"></div> <div class="streamer-profile-skel-block" style="width:60%; height:14px; margin-top:6px;"></div>
<div class="streamer-profile-stats streamer-profile-skel-stats"> <div class="streamer-profile-stats" style="margin-top:8px;">
<div class="streamer-profile-skel-block" style="width:100px; height:14px;"></div> <div class="streamer-profile-skel-block" style="width:100px; height:14px;"></div>
<div class="streamer-profile-skel-block" style="width:80px; height:14px;"></div> <div class="streamer-profile-skel-block" style="width:80px; height:14px;"></div>
<div class="streamer-profile-skel-block" style="width:120px; height:14px;"></div> <div class="streamer-profile-skel-block" style="width:120px; height:14px;"></div>

View File

@ -4214,37 +4214,6 @@ input[type="number"]::-webkit-outer-spin-button {
border-radius: 4px; border-radius: 4px;
} }
/* Pre-shaped skeleton block variants each matches one of the
real-profile-card slots so the loading silhouette previews the
final layout. Replaces inline width/height/border-radius declarations. */
.streamer-profile-skel-block.avatar {
width: 88px;
height: 88px;
border-radius: 50%;
flex-shrink: 0;
}
.streamer-profile-skel-block.name {
width: 180px;
height: 24px;
}
.streamer-profile-skel-block.badge {
width: 90px;
height: 18px;
border-radius: 10px;
}
.streamer-profile-skel-block.subtitle {
width: 60%;
height: 14px;
margin-top: 6px;
}
.streamer-profile-skel-stats {
margin-top: 8px;
}
@keyframes profile-skel-shimmer { @keyframes profile-skel-shimmer {
0% { background-position: 200% 0; } 0% { background-position: 200% 0; }
100% { background-position: -200% 0; } 100% { background-position: -200% 0; }