Fix edit icon

This commit is contained in:
Peter Stockings
2024-12-26 15:00:55 +11:00
parent 094365e7ad
commit 26cf035b22
2 changed files with 16 additions and 46 deletions

View File

@@ -633,10 +633,6 @@ video {
margin-left: 0.5rem;
}
.ml-4 {
margin-left: 1rem;
}
.mr-1 {
margin-right: 0.25rem;
}
@@ -705,8 +701,9 @@ video {
display: none;
}
.h-12 {
height: 3rem;
.size-6 {
width: 1.5rem;
height: 1.5rem;
}
.h-16 {
@@ -733,8 +730,8 @@ video {
height: 2rem;
}
.w-12 {
width: 3rem;
.h-3 {
height: 0.75rem;
}
.w-16 {
@@ -765,6 +762,10 @@ video {
width: 100%;
}
.w-3 {
width: 0.75rem;
}
.max-w-2xl {
max-width: 42rem;
}
@@ -1243,16 +1244,6 @@ video {
background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-700:hover {
--tw-bg-opacity: 1;
background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-600:hover {
--tw-bg-opacity: 1;
background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.hover\:text-blue-800:hover {
--tw-text-opacity: 1;
color: rgb(30 64 175 / var(--tw-text-opacity, 1));
@@ -1342,12 +1333,6 @@ video {
text-decoration-line: underline;
}
@media (min-width: 640px) {
.sm\:inline {
display: inline;
}
}
@media (min-width: 768px) {
.md\:w-auto {
width: auto;
@@ -1363,10 +1348,6 @@ video {
}
@media (min-width: 1024px) {
.lg\:inline-block {
display: inline-block;
}
.lg\:flex {
display: flex;
}
@@ -1383,18 +1364,6 @@ video {
align-items: center;
}
.lg\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1.5rem * var(--tw-space-x-reverse));
margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.lg\:pt-0 {
padding-top: 0px;
}

View File

@@ -200,22 +200,23 @@
<!-- Edit Button -->
<a rel="prefetch" href="{{ url_for('main.edit_reading', reading_id=reading.id) }}"
class="inline-flex items-center px-2 py-1 text-sm font-medium text-blue-600 hover:text-blue-800 focus:outline-none focus:ring-2 focus:ring-blue-500">
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 mr-1" fill="none"
viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" class="w-3 h-3 mr-1">
<path stroke-linecap="round" stroke-linejoin="round"
d="M15.232 5.232l3.536 3.536M9 11l6.232-6.232a2 2 0 112.828 2.828L11 13.828V17H8v-3l6.232-6.232z" />
d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 0 1 1.13-1.897L16.863 4.487Zm0 0L19.5 7.125" />
</svg>
Edit
<span>Edit</span>
</a>
<!-- Delete Button -->
<a href="{{ url_for('main.confirm_delete', reading_id=reading.id) }}"
class="inline-flex items-center px-2 py-1 text-sm font-medium text-red-600 hover:text-red-800 focus:outline-none focus:ring-2 focus:ring-red-500">
class="flex items-center px-2 py-1 text-sm font-medium text-red-600 hover:text-red-800 focus:outline-none focus:ring-2 focus:ring-red-500">
<svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 mr-1" fill="none"
viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
</svg>
Delete
<span>Delete</span>
</a>
</td>
</tr>