complete refactor of styling to dark theme with neon turquoise colors via bulma variables

This commit is contained in:
Xevion
2020-11-05 14:25:39 -06:00
parent 60d13d2467
commit 85cf832ec2
4 changed files with 109 additions and 93 deletions

View File

@@ -2,9 +2,9 @@
{% block content %}
<div class="card">
<header class="card-header">
<p class="card-header-title">
<h3 class="card-header-title">
Add New Directory
</p>
</h3>
</header>
<div class="card-content">
<div class="content">

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
{% block head %}
<meta charset="utf-8">
@@ -12,9 +12,9 @@
<body class="has-navbar-fixed-top">
<nav class="navbar is-fixed-top" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="/">
Simple Viewer
</a>
<h1 class="navbar-item">
<a href="/">Simple Viewer</a>
</h1>
</div>
<div class="navbar-menu">
<div class="navbar-start">

View File

@@ -16,23 +16,31 @@
{% block content %}
<div class="panel">
<div class="panel-heading">Directories</div>
{% for served_directory in directories %}
<div class="panel-block">
<span class="panel-icon">
<i class="fas fa-folder fa-lg" aria-hidden="true"></i>
</span>
<a href="{% url 'browse' served_directory.id %}">
{{ served_directory.path }}
{% if served_directory.regex %}
<span class="tag is-info">Filtered</span>
{% endif %}
</a>
<a href="{% url 'delete' served_directory.id %}" class="delete-icon">
<span class="icon">
<i class="fas fa-times fa-lg" aria-hidden="true"></i>
{% if directories|length > 0 %}
{% for served_directory in directories %}
<div class="panel-block">
<span class="panel-icon">
<i class="fas fa-folder fa-lg" aria-hidden="true"></i>
</span>
</a>
<a href="{% url 'browse' served_directory.id %}">
{{ served_directory.path }}
{% if served_directory.regex %}
<span class="tag is-info">Filtered</span>
{% endif %}
</a>
<a href="{% url 'delete' served_directory.id %}">
<span class="icon has-text-danger">
<i class="fas fa-times fa-lg" aria-hidden="true"></i>
</span>
</a>
</div>
{% endfor %}
{% else %}
<div class="panel-block">
<p>
No directories available.
</p>
</div>
{% endfor %}
{% endif %}
</div>
{% endblock content %}