From bbe323d906ab2ac23ea3448c4544b272d8687900 Mon Sep 17 00:00:00 2001 From: Celestino Rey Date: Thu, 20 Jun 2024 16:35:06 +0200 Subject: [PATCH] =?UTF-8?q?Pesta=C3=B1as=20diferenciadas=20para=20cancione?= =?UTF-8?q?s=20y=20albumes?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- LyricsPy/static/style.css | 34 +++++++++++++++++++++++++++ LyricsPy/templates/base.html | 30 ++++++++++++++++++++---- LyricsPy/templates/index.html | 43 +++++++++++++++++++++-------------- 3 files changed, 85 insertions(+), 22 deletions(-) diff --git a/LyricsPy/static/style.css b/LyricsPy/static/style.css index 8fd5894..7257314 100644 --- a/LyricsPy/static/style.css +++ b/LyricsPy/static/style.css @@ -83,3 +83,37 @@ pre { border: 1px solid #ced4da; border-radius: 4px; } + +/* Styles for tabs */ +.tab { + overflow: hidden; + border-bottom: 1px solid #ccc; +} + +.tab button { + background-color: lightblue; + border: none; + outline: none; + cursor: pointer; + padding: 14px 16px; + transition: 0.3s; + font-size: 17px; +} + +.tab button:hover { + background-color: #0509e7; +} + +.tab button.active { + background-color: #0509e7; +} + +.tabcontent { + display: none; + padding: 20px 0; + border-top: none; +} + +.tabcontent.active { + display: block; +} diff --git a/LyricsPy/templates/base.html b/LyricsPy/templates/base.html index f8e7f95..70b8da2 100644 --- a/LyricsPy/templates/base.html +++ b/LyricsPy/templates/base.html @@ -2,19 +2,39 @@ - Mis Letras de Canciones + My Song Lyrics
-

Mis Letras de Canciones

+

My Song Lyrics

{% block content %}{% endblock %}
+ diff --git a/LyricsPy/templates/index.html b/LyricsPy/templates/index.html index ec5a843..8834a14 100644 --- a/LyricsPy/templates/index.html +++ b/LyricsPy/templates/index.html @@ -1,21 +1,30 @@ {% extends 'base.html' %} {% block content %} -

Lista de canciones

- -
-

Álbumes

- -
-Añadir nuevo álbum +
+ + +
+ +
+

Song List

+ +
+ +
+

Albums

+ +
+ Add New Album +
{% endblock %}