trying to get better logos, cosmetics for profile pages.

Author: antongit

community-app/frontend/src/components/HireView.vue

@@ -34,15 +34,14 @@ const hire = computed(()=>{
     <div class="card-body">
         <img v-if="hire.image" :src="hire.image" class="img-fluid pt-2 mb-4"/>
         <p v-if="hire.description" class="card-text" v-html="hire.description"></p>
-        <hr class="d-lg-none mt-3 mt-lg-0"/>
         <div class="row">
             <div class="col-12 col-lg-6" v-if="hire.skills_vvvv">
                 <div class="pr-lg-2">
                     <p class="py-0 mb-0 text-muted font-weight-bold" style="font-variant-caps: all-small-caps;"><b>vvvv skills</b></p>
                     <p class="card-text" v-html="hire.skills_vvvv"></p>
                 </div>
             </div>
-           <div class="col-12 col-lg-6" v-if="hire.skills_vvvv">
+           <div class="col-12 col-lg-6" v-if="hire.skills_other">
                 <div class="pl-lg-2">
                     <p class="py-0 mb-0 text-muted font-weight-bold" style="font-variant-caps: all-small-caps;"><b>other skills</b></p>
                     <p class="card-text" v-html="hire.skills_other"></p>

community-app/frontend/src/components/InstitutionBasics.vue

@@ -20,10 +20,11 @@ const socialKeys = ["website", "github", "nuget", "mastodon", "pixelfed"];
             <h5>{{ data.name }}</h5>
         </div>                     
         <LocationFull :data="data"/>
+        
+        <Internships :data="data" text="Accepting internship applications"/>
 
         <SocialView class="mt-4 mb-4 pt-3 border-top" v-if="Object.keys(data.social).length>0" :social="data.social" />                      
 
-        <Internships :data="data" text="Accepting internship applications"/>
 
         <Links class="links" :data="data"/>
 

community-app/frontend/src/components/SocialView.vue

@@ -35,7 +35,7 @@ onMounted(()=>{
 
 <template>
 	<div>
-		<div class="mt-4 mt-sm-0 pb-2 socialView" v-if="socialLinks.length > 0">
+		<div class="mt-md-2 mt-0 socialView" v-if="socialLinks.length > 0">
 			<div class="mb-1 pr-2" v-for="link in socialLinks" :key="link.key">
 				<div class="pb-2">
 					<NIcon v-if="link.icon" class="mr-2" size="20"><component :is="link.icon"/></NIcon>
@@ -45,7 +45,7 @@ onMounted(()=>{
 				</div>
 			</div>
 		</div>
-		<div class="mt-4 mt-sm-0 socialView border-top" v-if="socialFields.length > 0">
+		<div class="mt-md-2 pt-2 socialView border-top" v-if="socialFields.length > 0">
 			<div class="mb-1 pr-2 socialItem" v-for="field in socialFields" :key="field.key">
 					<div class="key">{{  field.key }}</div>
 					<template v-if="field.url"><a :href="field.url" target="_blank">{{ field.text }}</a></template>

community-app/frontend/src/components/overview/BusinessesStore.js

@@ -31,7 +31,7 @@ export const useBusinessesStore = defineStore ('businesses',{
 
 async function fetchBusinesses(){
 
-    const imageParamsLogos = "?withoutEnlargement=true&quality=98&fit=cover&height=55";
+    const imageParamsLogos = "?withoutEnlargement=true&quality=98&fit=cover&height=200&format=png";
     const url = Constants.GET_COMPANIES+"?fields[]=name,logo&meta=filter_count";
 
     const limit = 8;

community-app/frontend/src/components/overview/EdusStore.js

@@ -31,7 +31,7 @@ export const useEdusStore = defineStore ('edus',{
 
 async function fetchEdus(){
 
-    const imageParamsLogos = "?withoutEnlargement=true&quality=98&fit=cover&height=55";
+    const imageParamsLogos = "?withoutEnlargement=true&quality=98&fit=cover&height=200&format=png";
     const url = Constants.GET_EDUS+"?fields[]=name,logo&meta=filter_count";
 
     const limit = 8;

community-app/frontend/src/routes/BusinessListStore.js

@@ -29,7 +29,7 @@ export const useBusinessListStore = defineStore ('businessList',{
 })
 
 const URL = Constants.BASEURL+`items/Company?fields=*&sort=name&meta=filter_count`;
-const LOGO_SETTINGS = 'withoutEnlargement=true&fit=inside&height=60&quality=90&format=auto';
+const LOGO_SETTINGS = 'withoutEnlargement=true&fit=inside&height=120&quality=90&format=png';
 
 function logoSrc (src)
 {

community-app/frontend/src/routes/BusinessView.vue

@@ -53,7 +53,10 @@ onMounted(async ()=>
                 <div class="col-12 col-md-6 col-lg-4 mb-sm-4">
                     <InstitutionBasics class="mb-3" :data="company"/>
                 </div>
-                <div v-if="description" class="col-12 col-md-6 col-lg-8 mt-3 mt-md-0 profileContent">
+                <div v-if="description" class="col-12 col-md-6 col-lg-8 mt-0 mt-md-3 mt-md-0 profileContent">
+
+                    <hr class="d-block d-md-none"/>
+
                     <p v-html="description"></p>
                     <MaintainedBy class="maintained mt-4 pt-3 border-top d-block d-md-none" :data="company.owner"/>
                 </div>

community-app/frontend/src/routes/EduListStore.js

@@ -28,7 +28,7 @@ export const useEduListStore = defineStore ('eduList',{
 })
 
 const url = Constants.GET_EDUS+`?fields=*&sort=name&meta=filter_count`;
-const LOGO_SETTINGS = 'withoutEnlargement=true&fit=inside&height=60&quality=90&format=auto';
+const LOGO_SETTINGS = 'withoutEnlargement=true&fit=inside&height=120&quality=90&format=png';
 
 async function fetchEduList()
 {

community-app/frontend/src/routes/EduView.vue

@@ -77,7 +77,10 @@ const url = computed(()=>{
                 <div class="col-12 col-md-6 col-lg-4 mb-sm-4">
                     <InstitutionBasics class="mb-3" :data="edu"/>
                 </div>
-                <div v-if="edu.description" class="col-12 col-md-6 col-lg-8 profileContent">
+                <div v-if="edu.description" class="col-12 col-md-6 col-lg-8 mt-0 mt-md-3 mt-md-0 profileContent">
+                    
+                    <hr class="d-block d-md-none"/>
+                    
                     <p v-html="edu.description"></p>
                     <MaintainedBy class="maintained mt-4 pt-3 border-top d-block d-md-none" :data="edu.owner"/>
                 </div>

community-app/frontend/src/routes/UserList.vue

@@ -137,9 +137,9 @@ const columns = [
         sorter: true
     },
     {
-        title: 'Available for Hire',
+        title: 'For Hire',
         key: 'related.hire.available',
-        width: 60,
+        width: 40,
         ellipsis: true,
         sorter: true,
         render(row) {
@@ -152,14 +152,14 @@ const columns = [
     {
         title: 'Since',
         key: 'date_created',
-        width: 50,
+        width: 40,
         ellipsis: true,
         sorter: true
     },
     {
         title: 'Updated',
         key: 'last_modified',
-        width: 50,
+        width: 40,
         ellipsis: true,
         sorter: true
     }