STEMMechanics/Website
1
0
Fork 0
Code Issues 4 Pull Requests 1 Actions Packages Projects Releases 3 Wiki Activity

fix styling

Browse Source
This commit is contained in:
James Collins
2023-07-07 11:27:23 +10:00
parent 43faa0f020
commit f8bc75f1f9
1 changed files with 15 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
resources/js/components/SMSelectImage.vue
View File

@@ -1,19 +1,22 @@
<template>
<div class="control-item">
<div class="flex flex-col flex-1 flex-align-center">
<label class="control-label" v-bind="{ for: id }">{{ label }}</label>
<div class="media-input-control">
<div v-if="mediaUrl?.length > 0" class="text-center">
<img
v-if="mediaUrl?.length > 0"
class="max-w-48 max-h-48"
:src="mediaGetVariantUrl(value, 'medium')" />
<svg
v-else
xmlns="http://www.w3.org/2000/svg"
viewBox="0 -960 960 960"
class="h-48 text-gray">
<path
d="M180-120q-24 0-42-18t-18-42v-600q0-24 18-42t42-18h600q24 0 42 18t18 42v600q0 24-18 42t-42 18H180Zm0-60h600v-600H180v600Zm56-97h489L578-473 446-302l-93-127-117 152Zm-56 97v-600 600Zm160.118-390Q361-570 375.5-584.618q14.5-14.617 14.5-35.5Q390-641 375.382-655.5q-14.617-14.5-35.5-14.5Q319-670 304.5-655.382q-14.5 14.617-14.5 35.5Q290-599 304.618-584.5q14.617 14.5 35.5 14.5Z"
fill="currentColor" />
</svg>
</div>
<svg
v-else
xmlns="http://www.w3.org/2000/svg"
viewBox="0 -960 960 960"
class="h-48 text-gray">
<path
d="M180-120q-24 0-42-18t-18-42v-600q0-24 18-42t42-18h600q24 0 42 18t18 42v600q0 24-18 42t-42 18H180Zm0-60h600v-600H180v600Zm56-97h489L578-473 446-302l-93-127-117 152Zm-56 97v-600 600Zm160.118-390Q361-570 375.5-584.618q14.5-14.617 14.5-35.5Q390-641 375.382-655.5q-14.617-14.5-35.5-14.5Q319-670 304.5-655.382q-14.5 14.617-14.5 35.5Q290-599 304.618-584.5q14.617 14.5 35.5 14.5Z"
fill="currentColor" />
</svg>
<div class="text-center">
<button
type="button"
class="font-medium px-6 py-1.5 rounded-md hover:shadow-md transition text-sm bg-sky-600 hover:bg-sky-500 text-white cursor-pointer"