Skip to content

Commit

Permalink
Update button styles
Browse files Browse the repository at this point in the history
  • Loading branch information
@youzarsiph
youzarsiph committed Apr 25, 2024
1 parent 22ee09b commit fd60524
Show file tree
Hide file tree
Showing 4 changed files with 17 additions and 17 deletions.
28 changes: 14 additions & 14 deletions drf_material/templates/rest_framework/api.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -175,15 +175,15 @@ <h1 class="display-4">{{ name }}</h1>
<fieldset>
{% if api_settings.URL_FORMAT_OVERRIDE %}
<div class="btn-group w-100 gap-4 rounded-5" role="group">
<a class="btn btn-lg btn-primary w-100 rounded-5" href="{{ request.get_full_path }}" rel="nofollow"
<a class="btn btn-primary w-100 rounded-5" href="{{ request.get_full_path }}" rel="nofollow"
title="Make a GET request on the {{ name }} resource" data-mdb-toggle="tooltip">
<span class="d-flex align-items-center justify-content-center gap-4">
<i class="bi bi-arrow-clockwise"></i>
{% translate "GET" %}
</span>
</a>
<div class="dropdown">
<button class="btn btn-lg btn-outline-primary dropdown-toggle rounded-5" type="button" id="dropdownMenuButton"
<button class="btn btn-outline-primary dropdown-toggle rounded-5" type="button" id="dropdownMenuButton"
data-mdb-toggle="dropdown" aria-expanded="false">
<i class="bi bi-chevron-down"></i>
</button>
Expand All @@ -206,7 +206,7 @@ <h6 class="dropdown-header">
</div>
</div>
{% else %}
<a class="btn btn-lg btn-primary rounded-5" href="{{ request.get_full_path }}" rel="nofollow"
<a class="btn btn-primary rounded-5" href="{{ request.get_full_path }}" rel="nofollow"
title="Make a GET request on the {{ name }} resource" data-mdb-toggle="tooltip">
<span class="d-flex align-items-center justify-content-center gap-4">
<i class="bi bi-arrow-clockwise"></i>
Expand All @@ -220,7 +220,7 @@ <h6 class="dropdown-header">

{% if options_form %}
<form class="button-form" action="{{ request.get_full_path }}" data-method="OPTIONS">
<button type="submit" class="btn btn-lg btn-dark w-100 rounded-5"
<button type="submit" class="btn btn-info w-100 rounded-5"
title="Make an OPTIONS request on the {{ name }} resource" data-mdb-toggle="tooltip">
<span class="d-flex align-items-center justify-content-center gap-4">
<i class="bi bi-info-square"></i>
Expand All @@ -232,7 +232,7 @@ <h6 class="dropdown-header">

{% if delete_form %}
<div>
<button type="button" class="btn btn-lg btn-danger w-100 rounded-5" data-mdb-toggle="modal"
<button type="button" class="btn btn-danger w-100 rounded-5" data-mdb-toggle="modal"
data-mdb-target="#deleteModal" title="Make a DELETE request on the {{ name }} resource">
<span class="d-flex align-items-center justify-content-center gap-4">
<i class="bi bi-trash"></i>
Expand All @@ -256,14 +256,14 @@ <h3 class="modal-title" id="exampleModalLabel">
</p>
<div class="d-grid d-lg-flex align-items-lg-center gap-4">
<form class="button-form w-100" action="{{ request.get_full_path }}" data-method="DELETE">
<button class="btn btn-lg btn-danger w-100 rounded-5">
<button class="btn btn-danger w-100 rounded-5">
<span class="d-flex align-item-center justify-content-center gap-4">
<i class="bi bi-trash"></i>
{% translate "Delete" %}
</span>
</button>
</form>
<button type="button" class="btn btn-lg btn-outline-secondary w-100 rounded-5" data-mdb-dismiss="modal">
<button type="button" class="btn btn-outline-secondary w-100 rounded-5" data-mdb-dismiss="modal">
<span class="d-flex align-item-center justify-content-center gap-4">
<i class="bi bi-x-lg"></i>
{% translate "Cancel" %}
Expand All @@ -278,7 +278,7 @@ <h3 class="modal-title" id="exampleModalLabel">

{% if extra_actions %}
<div class="dropdown">
<button class="btn btn-lg btn-info w-100 rounded-5" id="extra-actions-menu" data-mdb-toggle="dropdown"
<button class="btn btn-info w-100 rounded-5" id="extra-actions-menu" data-mdb-toggle="dropdown"
aria-haspopup="true" aria-expanded="true">
<span class="d-flex align-items-center justify-content-center gap-4">
{% translate "Extra Actions" %}
Expand All @@ -303,7 +303,7 @@ <h3 class="dropdown-header">
{% endif %}

{% if filter_form %}
<button data-mdb-toggle="modal" data-mdb-target="#filtersModal" class="btn btn-lg btn-success rounded-5">
<button data-mdb-toggle="modal" data-mdb-target="#filtersModal" class="btn btn-success rounded-5">
<span class="d-flex align-items-center justify-content-center gap-4">
<i class="bi bi-filter"></i>
{% translate "Filters" %}
Expand Down Expand Up @@ -369,7 +369,7 @@ <h3 class="dropdown-header">
{% csrf_token %}
{{ post_form }}
<div class="form-actions">
<button class="btn btn-lg btn-primary w-100 rounded-5"
<button class="btn btn-primary w-100 rounded-5"
title="Make a POST request on the {{ name }} resource" data-mdb-toggle="tooltip">
<span class="d-flex align-items-center justify-content-center gap-4">
<i class="bi bi-send-fill"></i>
Expand All @@ -389,7 +389,7 @@ <h3 class="dropdown-header">
<fieldset>
{% include "rest_framework/raw_data_form.html" %}
<div class="form-actions">
<button class="btn btn-lg btn-primary w-100 rounded-5"
<button class="btn btn-primary w-100 rounded-5"
title="Make a POST request on the {{ name }} resource" data-mdb-toggle="tooltip">
<span class="d-flex align-items-center justify-content-center gap-4">
<i class="bi bi-send-fill"></i>
Expand Down Expand Up @@ -442,7 +442,7 @@ <h3 class="dropdown-header">
<fieldset>
{{ put_form }}
<div class="form-actions">
<button class="btn btn-lg btn-primary w-100 rounded-5"
<button class="btn btn-primary w-100 rounded-5"
title="Make a PUT request on the {{ name }} resource" data-mdb-toggle="tooltip">
<span class="d-flex align-items-center justify-content-center gap-4">
<i class="bi bi-send-fill"></i>
Expand All @@ -462,7 +462,7 @@ <h3 class="dropdown-header">
{% include "rest_framework/raw_data_form.html" %}
<div class="form-actions">
{% if raw_data_put_form %}
<button class="btn btn-lg btn-primary w-100 rounded-5"
<button class="btn btn-primary w-100 rounded-5"
title="Make a PUT request on the {{ name }} resource" data-mdb-toggle="tooltip">
<span class="d-flex align-items-center justify-content-center gap-4">
<i class="bi bi-send-fill"></i>
Expand All @@ -471,7 +471,7 @@ <h3 class="dropdown-header">
</button>
{% endif %}
{% if raw_data_patch_form %}
<button data-method="PATCH" class="btn btn-lg btn-outline-primary w-100 mt-4 rounded-5"
<button data-method="PATCH" class="btn btn-outline-primary w-100 mt-4 rounded-5"
title="Make a PATCH request on the {{ name }} resource" data-mdb-toggle="tooltip">
<span class="d-flex align-items-center justify-content-center gap-4">
<i class="bi bi-send-fill"></i>
Expand Down
2 changes: 1 addition & 1 deletion drf_material/templates/rest_framework/filters/base.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ <h3 class="modal-title" id="filters">
{{ element }}
</div>
{% endfor %}
<button type="button" class="btn btn-lg btn-outline-secondary rounded-5" data-mdb-dismiss="modal">
<button type="button" class="btn btn-outline-secondary rounded-5" data-mdb-dismiss="modal">
<span class="d-flex align-item-center justify-content-center gap-4">
<i class="bi bi-x-lg"></i>
{% translate "Cancel" %}
Expand Down
2 changes: 1 addition & 1 deletion drf_material/templates/rest_framework/filters/search.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ <h5>{% translate "Search" %}</h5>
value="{{ term }}"
placeholder="{% translate 'Type here to search...' %}"
/>
<button class="btn btn-lg btn-outline-primary" type="submit">
<button class="btn btn-outline-primary" type="submit">
<span class="d-flex align-items-center gap-4">
<i class="bi bi-search"></i>
{% translate "Search" %}
Expand Down
2 changes: 1 addition & 1 deletion drf_material/templates/rest_framework/login.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,7 @@ <h3 class="mb-4">
{% endfor %}
{% endif %}

<button type="submit" class="btn btn-lg btn-primary w-100 rounded-5">
<button type="submit" class="btn btn-primary w-100 rounded-5">
<strong class="d-flex align-items-center justify-content-center gap-3">
<i class="bi bi-box-arrow-in-right"></i>
{% translate "Login" %}
Expand Down

0 comments on commit fd60524

Please sign in to comment.