Updated global styles for record lists as well as general card styling.

This commit is contained in:
Matt Scott 2023-02-19 15:12:34 -05:00
parent 65bfc53acb
commit 62018686f5
7 changed files with 22 additions and 22 deletions

View File

@ -27,7 +27,7 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<div class="card shadow"> <div class="card card-outline card-primary shadow">
<div class="card-header"> <div class="card-header">
<h3 class="card-title">Server Configuration</h3> <h3 class="card-title">Server Configuration</h3>
</div> </div>

View File

@ -27,7 +27,7 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<div class="card shadow"> <div class="card card-outline card-primary shadow">
<div class="card-header"> <div class="card-header">
<h3 class="card-title">Server Statistics</h3> <h3 class="card-title">Server Statistics</h3>
</div> </div>

View File

@ -26,9 +26,9 @@
/* Global Styles */ /* Global Styles */
table.records thead th, table.records tbody td { text-align: center; vertical-align: middle; } table.records thead th, table.records tbody td { text-align: center; vertical-align: middle; }
table.records thead th:last-of-type { width: 50px; } table.records thead th:last-of-type { width: 50px; }
div.table-responsive > div.dataTables_wrapper > div.row:first-of-type { margin: 0 0.5em 0 0.5em; } div.records > div.dataTables_wrapper > div.row:first-of-type { margin: 0 0.5em 0 0.5em; }
div.table-responsive > div.dataTables_wrapper > div.row:last-of-type { margin: 0.4em 0.5em 0.4em 0.5em; } div.records > div.dataTables_wrapper > div.row:last-of-type { margin: 0.4em 0.5em 0.4em 0.5em; }
div.table-responsive > div.dataTables_wrapper table.dataTable { margin: 0 !important; } div.records > div.dataTables_wrapper table.dataTable { margin: 0 !important; }
</style> </style>
{% block head_styles %}{% endblock %} {% block head_styles %}{% endblock %}
{% endblock %} {% endblock %}

View File

@ -29,7 +29,7 @@
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<div class="card card-outline card-secondary"> <div class="card card-outline card-secondary shadow">
<div class="card-header"> <div class="card-header">
<h3 class="card-title">Statistics</h3> <h3 class="card-title">Statistics</h3>
</div> </div>
@ -76,7 +76,7 @@
</a> </a>
</div> </div>
<div class="col-6 col-sm-3"> <div class="col-6 col-sm-3">
<a href="{{ url_for('admin.pdns_stats') }}"> <a href="{{ url_for('admin.server_statistics') }}">
<div class="small-box bg-green"> <div class="small-box bg-green">
<div class="inner"> <div class="inner">
<h3><span <h3><span
@ -105,12 +105,12 @@
{% if current_user.role.name in ['Administrator', 'Operator'] or SETTING.get('allow_user_view_history') %} {% if current_user.role.name in ['Administrator', 'Operator'] or SETTING.get('allow_user_view_history') %}
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<div class="card card-outline card-secondary"> <div class="card card-outline card-secondary shadow">
<div class="card-header"> <div class="card-header">
<h3 class="card-title">Recent History</h3> <h3 class="card-title">Recent History</h3>
</div> </div>
<!-- /.card-header --> <!-- /.card-header -->
<div class="card-body table-responsive p-0"> <div class="card-body table-responsive records p-0">
<table class="table table-striped table-hover table-sm records"> <table class="table table-striped table-hover table-sm records">
<thead> <thead>
<tr> <tr>
@ -161,7 +161,7 @@
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<div class="card card-outline card-primary"> <div class="card card-outline card-primary shadow">
<div class="card-header"> <div class="card-header">
<h3 class="card-title"> <h3 class="card-title">
Zones Zones
@ -199,7 +199,7 @@
<div class="tab-content"> <div class="tab-content">
{% for boxId in custom_boxes.order %} {% for boxId in custom_boxes.order %}
<div class="tab-pane show" id='tab_{{ boxId }}'> <div class="tab-pane show" id='tab_{{ boxId }}'>
<div class="card-body table-responsive p-0 pt-2"> <div class="card-body table-responsive records p-0 pt-2">
<table id='tbl_domain_list_{{ boxId }}' <table id='tbl_domain_list_{{ boxId }}'
class="table table-striped table-hover table-sm records"> class="table table-striped table-hover table-sm records">
<thead> <thead>

View File

@ -29,7 +29,7 @@
<div class="col-12 col-sm-6 col-lg-4"> <div class="col-12 col-sm-6 col-lg-4">
<form role="form" method="post" action="{{ url_for('domain.add') }}"> <form role="form" method="post" action="{{ url_for('domain.add') }}">
<input type="hidden" name="_csrf_token" value="{{ csrf_token() }}"> <input type="hidden" name="_csrf_token" value="{{ csrf_token() }}">
<div class="card"> <div class="card card-outline card-primary shadow">
<div class="card-header"> <div class="card-header">
<h3 class="card-title">Zone Editor</h3> <h3 class="card-title">Zone Editor</h3>
</div> </div>
@ -143,7 +143,7 @@
</div> </div>
<!-- /.col --> <!-- /.col -->
<div class="col-12 col-sm-6 col-lg-8"> <div class="col-12 col-sm-6 col-lg-8">
<div class="card"> <div class="card card-outline card-secondary shadow">
<div class="card-header"> <div class="card-header">
<h3 class="card-title">Zone Editor Help</h3> <h3 class="card-title">Zone Editor Help</h3>
</div> </div>

View File

@ -27,7 +27,7 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-12 col-sm-6 col-lg-4"> <div class="col-12 col-sm-6 col-lg-4">
<div class="card"> <div class="card card-outline card-primary shadow">
<div class="card-header"> <div class="card-header">
<h3 class="card-title">Zone Selector</h3> <h3 class="card-title">Zone Selector</h3>
</div> </div>
@ -58,7 +58,7 @@
</div> </div>
</div> </div>
<div class="col-12 col-sm-6 col-lg-8"> <div class="col-12 col-sm-6 col-lg-8">
<div class="card"> <div class="card card-outline card-secondary shadow">
<div class="card-header"> <div class="card-header">
<h3 class="card-title">Zone Selector Help</h3> <h3 class="card-title">Zone Selector Help</h3>
</div> </div>

View File

@ -48,7 +48,7 @@
<form method="post" <form method="post"
action="{{ url_for('domain.change_account', domain_name=domain.name) }}"> action="{{ url_for('domain.change_account', domain_name=domain.name) }}">
<input type="hidden" name="_csrf_token" value="{{ csrf_token() }}"> <input type="hidden" name="_csrf_token" value="{{ csrf_token() }}">
<div class="card"> <div class="card card-outline card-secondary shadow">
<div class="card-header"> <div class="card-header">
<h3 class="card-title">Change Zone Account</h3> <h3 class="card-title">Change Zone Account</h3>
</div> </div>
@ -82,7 +82,7 @@
<!-- /.col --> <!-- /.col -->
<div class="col-12 col-sm-4"> <div class="col-12 col-sm-4">
<div class="card"> <div class="card card-outline card-secondary shadow">
<div class="card-header"> <div class="card-header">
<h3 class="card-title">Auto PTR creation</h3> <h3 class="card-title">Auto PTR creation</h3>
</div> </div>
@ -108,7 +108,7 @@
<!-- /.col --> <!-- /.col -->
<div class="col-12 col-sm-4"> <div class="col-12 col-sm-4">
<div class="card"> <div class="card card-outline card-secondary shadow">
<div class="card-header"> <div class="card-header">
<h3 class="card-title">DynDNS 2 Settings</h3> <h3 class="card-title">DynDNS 2 Settings</h3>
</div> </div>
@ -136,7 +136,7 @@
<div class="col-12 col-sm-4"> <div class="col-12 col-sm-4">
<form method="post" action="{{ url_for('domain.setting', domain_name=domain.name) }}"> <form method="post" action="{{ url_for('domain.setting', domain_name=domain.name) }}">
<input type="hidden" name="_csrf_token" value="{{ csrf_token() }}"> <input type="hidden" name="_csrf_token" value="{{ csrf_token() }}">
<div class="card"> <div class="card card-outline card-secondary shadow">
<div class="card-header"> <div class="card-header">
<h3 class="card-title">Zone Access Control</h3> <h3 class="card-title">Zone Access Control</h3>
</div> </div>
@ -188,7 +188,7 @@
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<div class="card"> <div class="card card-outline card-secondary shadow">
<div class="card-header"> <div class="card-header">
<h3 class="card-title">Change Zone Type</h3> <h3 class="card-title">Change Zone Type</h3>
</div> </div>
@ -240,7 +240,7 @@
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<div class="card"> <div class="card card-outline card-secondary shadow">
<div class="card-header"> <div class="card-header">
<h3 class="card-title">Change SOA-EDIT-API</h3> <h3 class="card-title">Change SOA-EDIT-API</h3>
</div> </div>
@ -293,7 +293,7 @@
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<div class="card"> <div class="card card-outline card-danger shadow">
<div class="card-header"> <div class="card-header">
<h3 class="card-title">Remove Zone</h3> <h3 class="card-title">Remove Zone</h3>
</div> </div>