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

cleanup of styling

Browse Source
This commit is contained in:
James Collins
2023-09-29 11:10:01 +10:00
parent f6df068787
commit 35ccb03c2b
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
resources/js/views/File.vue
View File

@@ -10,8 +10,9 @@
<div <div
class="max-w-2xl mx-auto border-1 bg-white rounded-xl mt-7xl text-gray-5 px-12 py-8"> class="max-w-2xl mx-auto border-1 bg-white rounded-xl mt-7xl text-gray-5 px-12 py-8">
<h3 class="mb-4">Password Required</h3> <h3 class="mb-4">Password Required</h3>
<p class="mb-2"> <p class="mb-2 text-sm">
This file requires a password before it can be viewed The file <strong>{{ fileName }}</strong> requires a password
before you can view it:
</p> </p>
<SMInput <SMInput
class="mb-4" class="mb-4"
@@ -22,7 +23,7 @@
<div class="flex flex-justify-end"> <div class="flex flex-justify-end">
<input <input
type="submit" type="submit"
class="font-medium px-6 py-3.1 rounded-2 hover:shadow-md text-lg transition bg-sky-600 hover:bg-sky-500 text-white cursor-pointer" class="font-medium block w-full md:inline-block md:w-auto px-6 py-1.5 rounded-md hover:shadow-md transition text-sm bg-sky-600 hover:bg-sky-500 text-white cursor-pointer"
value="Submit" /> value="Submit" />
</div> </div>
</div> </div>
@@ -68,6 +69,7 @@ const pageStatus = ref(200);
const pageLoading = ref(true); const pageLoading = ref(true);
const showForm = ref(""); const showForm = ref("");
const fileUrl = ref(""); const fileUrl = ref("");
const fileName = ref("");
const userStore = useUserStore(); const userStore = useUserStore();
const form: FormObject = reactive( const form: FormObject = reactive(
@@ -139,6 +141,7 @@ const handleLoad = async () => {
if (result.status === 200) { if (result.status === 200) {
const data = result.data as MediaResponse; const data = result.data as MediaResponse;
const medium = data.medium as Media; const medium = data.medium as Media;
fileName.value = medium.name;
fileUrl.value = medium.url; fileUrl.value = medium.url;
if (medium.security_type === "") { if (medium.security_type === "") {