andrei/Moona
andrei/Moona
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Поправлен base.html и base.css, теперь логотип на навигационной панели не исчезает при переходе на другие страницы. Также я добавил JS от Boostrap, который забыли подключить. Еще убрал метку style из тега head, там был какой-то стиль прописан, никаких эффектов я не увидел, но если нужно будет, то потом добавим в css.

Browse Source
This commit is contained in:
Andrei 2022-09-25 19:44:15 +05:00
parent e594990199
commit 6d6758fa8e
2 changed files with 12 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
static/css/base.css
View File

@ -3,6 +3,10 @@
}
body {
font-family: 'Comfortaa', cursive;
background-color: #f0ffff;
}
.user_img {
border-radius: 50%;
}
.upp_zag {
margin-left: auto;

38
templates/base.html
View File

@ -1,29 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<html lang="ru">
<head>
<meta charset="UTF-8">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<link rel="canonical" href="https://getbootstrap.com/docs/5.1/examples/sidebars/">
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
</style>
<link href="sidebars.css" rel="stylesheet">
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
@ -34,7 +12,10 @@
<link rel="stylesheet" href="../static/css/base.css">
<title>{{title}}</title>
</head>
<body style=background-color:#f0ffff>
<body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8"
crossorigin="anonymous"></script>
<div class="alert alert-danger" role="alert">
<h4 style="text-align:center;">Сайт находится на доработке и может работать некорректно :)</h4>
</div>
@ -68,13 +49,11 @@
<div class="d-flex flex-column flex-shrink-0 bg-light" style="width: 5rem; height: 0px;">
<a href="/" class="d-block p-3 link-dark text-decoration-none" title="Icon-only" data-bs-toggle="tooltip"
data-bs-placement="right">
<object type="image/svg+xml" data="static/img/Логотим Moona.svg" width="54" height="54">
Your browser does not support SVG
</object>
<img src="../static/img/Логотим Moona.svg" width="54" height="54">
</a>
<ul class="nav nav-pills nav-flush flex-column mb-auto text-center">
<li class="nav-item">
<a href="/" class="nav-link active py-3 border-bottom" title="Главная"
<a href="/" class="nav-link py-3 border-bottom" title="Главная"
data-bs-toggle="tooltip" data-bs-placement="right">
<svg class="bi" width="24" height="24" role="img" aria-label="Главная">
<use xlink:href="#home"/>
@ -109,8 +88,7 @@
{% if current_user.is_authenticated %}
<a href="/profile" class="nav-link py-3 border-bottom" title="Профиль" data-bs-toggle="tooltip"
data-bs-placement="right">
<img src="../{{ current_user.photo }}" width="35" height="35"
style="border-radius: 50%;">
<img class="user_img" src="../{{ current_user.photo }}" width="40" height="40">
</a>
{% else %}
<a href="/login" class="nav-link py-3 border-bottom" title="Профиль" data-bs-toggle="tooltip"