Enhance UI by updating header styles and improving group detail layout
This commit is contained in:
parent
5446175cad
commit
04b0a30e76
4 changed files with 48 additions and 16 deletions
|
@ -12,27 +12,29 @@
|
|||
{% endblock title %}
|
||||
</title>
|
||||
<link rel="icon" href="{% static "logo.svg" %}">
|
||||
<link rel="stylesheet" href="{% static "css/main.css" %}">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&display=swap"
|
||||
rel="stylesheet">
|
||||
<link rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.purple.min.css">
|
||||
<link rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/remixicon@4.6.0/fonts/remixicon.min.css">
|
||||
<link rel="stylesheet"
|
||||
href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.colors.min.css">
|
||||
<link rel="stylesheet" href="{% static "css/main.css" %}">
|
||||
</head>
|
||||
<body>
|
||||
{% block body %}
|
||||
<header>
|
||||
<div class="container">
|
||||
<a href="{% url 'index' %}">
|
||||
<img class="logo"
|
||||
src="{% static "logo.svg" %}"
|
||||
height="64"
|
||||
width="64"
|
||||
alt="Musik">
|
||||
</a>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="{% url 'index' %}">
|
||||
<i class="ri-music-ai-fill"></i> <span class="header-title">Musik</span>
|
||||
</a>
|
||||
</li>
|
||||
{% if object.group %}
|
||||
<li>
|
||||
<a href="{% url 'group_detail' pk=object.group.pk %}">
|
||||
|
@ -40,6 +42,10 @@
|
|||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</nav>
|
||||
<nav>
|
||||
<ul>
|
||||
{% if user.is_authenticated %}
|
||||
<li>{{ user.username }}</li>
|
||||
<li>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue