cwpearson/ytdlp-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

styling

Browse Source
This commit is contained in:
Carl Pearson
2024-10-12 06:09:29 -06:00
parent a61b4f1e8c
commit ca9d8bdc06
4 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
static/style/video-card.css
View File

@@ -33,3 +33,8 @@
cursor: pointer; cursor: pointer;
border-radius: 4px; border-radius: 4px;
} }
.video-options .delete-btn {
background-color: rgb(255, 70, 70);
color: white;
}

3
templates/playlist.html
View File

@@ -8,13 +8,12 @@
<title>Playlist</title> <title>Playlist</title>
<link rel="stylesheet" href="/static/style/common.css"> <link rel="stylesheet" href="/static/style/common.css">
<link rel="stylesheet" href="/static/style/videos.css"> <link rel="stylesheet" href="/static/style/videos.css">
{{template "playlist-video-card-css" .}}
{{template "footer-css" .}} {{template "footer-css" .}}
</head> </head>
<body> <body>
<h1>{{.playlist.Title}}</h1> <h1>{{.playlist.Title}}</h1>
<h2>Playlist</h2>
<div class="video-list"> <div class="video-list">
{{range .unwatched}} {{range .unwatched}}
{{template "playlist-video-card-html" .}} {{template "playlist-video-card-html" .}}

4
templates/video_card.html
View File

@@ -45,12 +45,12 @@
</form> </form>
{{end}} {{end}}
<form action="/video/{{.ID}}/delete" method="post" style="display:inline;"> <form action="/video/{{.ID}}/delete" method="post" style="display:inline;">
<button type="submit">Delete</button> <button class="delete-btn" type="submit">Delete</button>
</form> </form>
</div> </div>
</div> </div>
{{end}} {{end}}
{{define "playlist-video-card-css"}} {{define "playlist-video-card-css"}}
<!-- <link rel="stylesheet" href="/static/style/footer.css"> --> <link rel="stylesheet" href="/static/style/video-card.css">
{{end}} {{end}}

4
templates/videos.html
View File

@@ -48,7 +48,7 @@
{{else if eq .Status "downloading"}} {{else if eq .Status "downloading"}}
{{end}} {{end}}
<form action="/video/{{.ID}}/delete" method="post" style="display:inline;"> <form action="/video/{{.ID}}/delete" method="post" style="display:inline;">
<button type="submit">Delete</button> <button type="submit" class="delete-btn">Delete</button>
</form> </form>
</div> </div>
</div> </div>
@@ -69,7 +69,7 @@
<div class="video-info"><a href="{{.URL}}">{{.URL}}</a></div> <div class="video-info"><a href="{{.URL}}">{{.URL}}</a></div>
<div class="video-options"> <div class="video-options">
<form action="/p/{{.ID}}/delete" method="post" style="display:inline;"> <form action="/p/{{.ID}}/delete" method="post" style="display:inline;">
<button type="submit">Delete</button> <button type="submit" class="delete-btn">Delete</button>
</form> </form>
</div> </div>
</div> </div>