Struggling to make website mobile-friendly

This commit is contained in:
Yamozha 2021-03-17 00:18:52 +02:00
parent 786a4e4902
commit 8e34d55972
49 changed files with 19 additions and 14 deletions

Binary file not shown.

View File

@ -48,7 +48,7 @@ body{
background-color: #4CAF50;
}
a.nav-link {
.nav-link {
color: white;
font-size: 30px;
transition: 0.6s;

Binary file not shown.

After

Width:  |  Height:  |  Size: 240 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 190 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 688 KiB

View File

@ -15,6 +15,7 @@
<!-- Bootstrap CSS and own CSS and AJAX -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="{% static 'home/css/style.css' %}">
@ -22,11 +23,13 @@
</head>
<body>
{% block aboveNav %} {% endblock %}
<div class="navview">
<nav class="navbar navbar-expand-lg bg-success">
<a style="color: white; font-size: 200%;" class="navbar-brand mb-0 h1" href="/"> reValuate | </a>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<nav class="navbar navbar-expand-lg bg-success"> <a style="color: white; font-size: 200%;" class="navbar-brand mb-0 h1" href="/"> reValuate | </a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#target" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<i class="fas fa-bars" style="color:#000; font-size:28px;"></i>
</button>
<div class="collapse navbar-collapse" id="target">
<ul class="navbar-nav mr-auto">
<li class="nav-item d-none d-md-block" >
@ -66,7 +69,6 @@
</div>
</ul>
</nav>
</div>
{% block content %}
{% endblock %}

View File

@ -16,17 +16,20 @@
<!-- Bootstrap CSS and own CSS and AJAX -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="/static/home/css/style.css">
</head>
<body>
<div class="navview">
<nav class="navbar navbar-expand-lg bg-success">
<a style="color: white; font-size: 200%;" class="navbar-brand mb-0 h1" href="/"> reValuate | </a>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<a style="color: white; font-size: 200%;" class="navbar-brand mb-0 h1" href="/"> reValuate </a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#target" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<i class="fas fa-bars" style="color:#000; font-size:28px;"></i>
</button>
<div class="collapse navbar-collapse" id="target">
<ul class="navbar-nav mr-auto">
<li class="nav-item d-none d-md-block" >
{% if user.is_authenticated %}

View File

@ -31,7 +31,7 @@ urlpatterns = [
path("upload/", imageUpload, name="Image"),
# path("upload_video/", videoUpload, name="Video"),
path("view_media/", viewMedia, name="All Media"),
# path("get_balance/",getBalance, name="Balance" ),
path("get_balance/",getBalance, name="Balance" ),
path("add_balance/", addToBalance, name="Add"),
path("remove_balance/", removeBalance, name="Add"),
path("admin/", adminView, name="admin")