refactor: ajustes na interface - logo, nome do sistema e layout da home

This commit is contained in:
andersonid
2025-04-02 14:34:05 -03:00
parent 32cd4b70c1
commit 4f781b2a0e
3 changed files with 13 additions and 6 deletions

View File

@@ -35,6 +35,13 @@ body {
margin-right: 10px; margin-right: 10px;
} }
.navbar-logo {
height: 35px;
width: auto;
margin-right: 10px;
filter: brightness(0) invert(1);
}
.nav-link { .nav-link {
font-weight: 500; font-weight: 500;
transition: all 0.3s ease; transition: all 0.3s ease;

View File

@@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}{% endblock %} - Sistema de Gestão OCI</title> <title>{% block title %}{% endblock %} - Controles OCI</title>
{{ bootstrap.load_css() }} {{ bootstrap.load_css() }}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
@@ -17,8 +17,8 @@
<nav class="navbar navbar-expand-lg navbar-dark"> <nav class="navbar navbar-expand-lg navbar-dark">
<div class="container"> <div class="container">
<a class="navbar-brand d-flex align-items-center" href="{{ url_for('home') }}"> <a class="navbar-brand d-flex align-items-center" href="{{ url_for('home') }}">
<img src="{{ url_for('static', filename='img/logo002-alpha.png') }}" alt="Logo OCI" class="me-2"> <img src="{{ url_for('static', filename='img/logo002-alpha.png') }}" alt="Logo OCI" class="navbar-logo">
Sistema de Gestão OCI Controles OCI
</a> </a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>

View File

@@ -5,9 +5,9 @@
{% block content %} {% block content %}
<div class="row mb-4"> <div class="row mb-4">
<div class="col-12"> <div class="col-12">
<h1 class="display-4 mb-4"> <h3 class="text-muted mb-4">
<i class="fas fa-tachometer-alt me-2"></i>Dashboard {{ moment().format('LL') }}
</h1> </h3>
</div> </div>
</div> </div>