Show the template urls with a different typeOC

This commit is contained in:
2024-11-03 09:13:27 +11:00
parent 5e231805c3
commit 9f61ff1dab
3 changed files with 45 additions and 2 deletions
+5 -1
View File
@@ -8,7 +8,11 @@
<div class="px-4 py-5 sm:px-6 bg-gray-50 border-b border-gray-200 flex items-center justify-between">
<h1 class="text-2xl font-bold text-gray-900 flex items-center">
{% trans "Link Details" %}
{% if link.link_type == 'LINK' %}
{% if '{' in link.original_url and '}' in link.original_url %}
<span class="ml-2 bg-purple-100 text-purple-800 text-xs font-medium mr-2 px-2.5 py-0.5 rounded-full flex items-center">
<i class="fas fa-magic mr-1"></i>{% trans "Template" %}
</span>
{% elif link.link_type == 'LINK' %}
<span class="ml-2 bg-blue-100 text-blue-800 text-xs font-medium mr-2 px-2.5 py-0.5 rounded-full flex items-center">
<i class="fas fa-link mr-1"></i>{% trans "Link" %}
</span>
+6 -1
View File
@@ -105,10 +105,15 @@
</td>
<td class="px-3 py-2 sm:px-6 sm:py-4 whitespace-nowrap hidden sm:table-cell">
<span class="inline-flex items-center">
{% if link.link_type == 'LINK' %}
{% if '{' in link.original_url and '}' in link.original_url %}
<i class="fas fa-magic text-purple-500"></i>
<span class="ml-2 text-sm text-purple-600">Template</span>
{% elif link.link_type == 'LINK' %}
<i class="fas fa-link text-blue-500"></i>
<span class="ml-2 text-sm text-blue-600">Link</span>
{% else %}
<i class="fas fa-code text-green-500"></i>
<span class="ml-2 text-sm text-green-600">Custom</span>
{% endif %}
</span>
</td>
+34
View File
@@ -1209,6 +1209,11 @@ video {
background-color: rgb(147 51 234 / var(--tw-bg-opacity));
}
.bg-purple-100 {
--tw-bg-opacity: 1;
background-color: rgb(243 232 255 / var(--tw-bg-opacity));
}
.p-2 {
padding: 0.5rem;
}
@@ -1491,6 +1496,21 @@ video {
color: rgb(209 213 219 / var(--tw-text-opacity));
}
.text-purple-500 {
--tw-text-opacity: 1;
color: rgb(168 85 247 / var(--tw-text-opacity));
}
.text-purple-600 {
--tw-text-opacity: 1;
color: rgb(147 51 234 / var(--tw-text-opacity));
}
.text-purple-800 {
--tw-text-opacity: 1;
color: rgb(107 33 168 / var(--tw-text-opacity));
}
.underline {
text-decoration-line: underline;
}
@@ -1523,6 +1543,20 @@ video {
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.ring-1 {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-inset {
--tw-ring-inset: inset;
}
.ring-blue-700\/10 {
--tw-ring-color: rgb(29 78 216 / 0.1);
}
.blur {
--tw-blur: blur(8px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);