feat(admin-plugin): refact styles #211

site/plugins/admin/assets/src/components/buttons.css

@@ -1,8 +1,10 @@
 /**
- * COMPONENTS / DROPDOWN
+ * COMPONENTS / BUTTONS
  *
  * INDEX:
- * - dropdown
+ * - button
+ * - button--white
+ * - button-group
  *
  */
 

site/plugins/admin/assets/src/components/dropdowns.css

@@ -36,10 +36,10 @@
     font-size: 14px;
     line-height: 14px;
 
-    display: inline-block;
-
     width: 14px;
     height: 14px;
 
     fill: white;
+
+    @apply inline-block;
 }

site/plugins/admin/assets/src/components/forms.css

@@ -1,3 +1,13 @@
+/**
+ * COMPONENTS / FORMS
+ *
+ * INDEX:
+ * - form-control-title
+ * - form-control
+ * - form-group
+ *
+ */
+
 .form-control-title
 {
     @apply font-bold;

site/plugins/admin/templates/system/api/delivery/index.html

@@ -42,12 +42,12 @@
                             </button>
                             <div class="js-dropdown dropdown">
                                 <a class="dropdown__item" href="{{ path_for('admin.api_tokens.edit') }}?api={{ api }}&api_token={{ token.dirname }}">
-                                    <i class="fas fa-edit dropdown__icon"></i>
+                                    <i class="dropdown__icon">{{ filesystem_read(PATH_PLUGINS ~ '/admin/assets/icons/solid/edit.svg')|raw }}</i>
                                     {{ tr('admin_edit') }}</a>
                                 <div class="dropdown__divider"></div>
                                 <a class="dropdown__item" href="javascript:;" onclick="event.preventDefault();
                           document.getElementById('delete-api-token-id-{{ token.dirname }}').submit();">
-                                    <i class="fas fa-trash-alt dropdown__icon"></i>
+                                    <i class="dropdown__icon">{{ filesystem_read(PATH_PLUGINS ~ '/admin/assets/icons/solid/trash-alt.svg')|raw }}</i>
                                     {{ tr('admin_delete') }}</a>
                                 <form id="delete-api-token-id-{{ token.dirname }}" action="{{ path_for('admin.api_tokens.deleteProcess') }}" method="POST" style="display: none;">
                                     {{ csrf() }}