ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Change svg's width and height from 100% to explicit px of viewBox

Browse Source 
- Set a link on password-reset image.
This commit is contained in:
Wolfgang Huß 2021-01-06 08:08:18 +01:00
parent b778d3eda5
commit 259a58cab9
6 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
webapp/components/LoginForm/LoginForm.vue
View File

@ -6,9 +6,9 @@
</blockquote>
<base-card>
<template #imageColumn>
<!-- <a :href="links.ORGANIZATION" :title="$t('login.moreInfo', metadata)" target="_blank"> -->
<a :href="links.ORGANIZATION" :title="$t('login.moreInfo', metadata)" target="_blank">
<img class="image" alt="Welcome" src="/img/custom/welcome.svg" />
<!-- </a> -->
</a>
</template>
<h2 class="title">{{ $t('login.login') }}</h2>
<form :disabled="pending" @submit.prevent="onSubmit">

12
webapp/pages/password-reset.vue
View File

@ -2,7 +2,9 @@
<ds-container width="small" class="password-reset">
<base-card>
<template #imageColumn>
<img class="image" alt="Reset your password" src="/img/custom/password-reset.svg" />
<a :href="links.ORGANIZATION" :title="$t('login.moreInfo', metadata)" target="_blank">
<img class="image" alt="Reset your password" src="/img/custom/password-reset.svg" />
</a>
</template>
<nuxt-child />
<template #topMenu>
@ -13,6 +15,8 @@
</template>
<script>
import links from '~/constants/links.js'
import metadata from '~/constants/metadata.js'
import LocaleSwitch from '~/components/LocaleSwitch/LocaleSwitch'
export default {
@ -20,6 +24,12 @@ export default {
LocaleSwitch,
},
layout: 'no-header',
data() {
return {
metadata,
links,
}
},
asyncData({ store, redirect }) {
if (store.getters['auth/isLoggedIn']) {
redirect('/')

2
webapp/static/img/custom/Logo-Horizontal.svg
View File

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 828 260" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<svg width="828" height="260" viewBox="0 0 828 260" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(20.1687,-2.56346,1.16905,9.19781,-4871.51,-1187.23)">
<g transform="matrix(19.367,0,0,42.4673,232.904,227.313)">
<path d="M0.033,-0.722L0.01,-0.722C0.006,-0.724 0.004,-0.726 0.004,-0.728C0.004,-0.73 0.006,-0.732 0.01,-0.734L0.161,-0.734C0.163,-0.734 0.164,-0.734 0.165,-0.733C0.166,-0.732 0.167,-0.73 0.167,-0.728C0.167,-0.726 0.166,-0.725 0.165,-0.723C0.164,-0.722 0.163,-0.722 0.161,-0.722L0.135,-0.722L0.181,-0.229L0.228,-0.677L0.223,-0.722L0.199,-0.722C0.197,-0.722 0.196,-0.722 0.195,-0.723C0.193,-0.725 0.193,-0.726 0.193,-0.728C0.193,-0.73 0.193,-0.732 0.195,-0.733C0.196,-0.734 0.197,-0.734 0.199,-0.734L0.352,-0.734C0.356,-0.732 0.357,-0.73 0.357,-0.728C0.357,-0.726 0.356,-0.724 0.352,-0.722L0.324,-0.722L0.371,-0.229L0.418,-0.667C0.419,-0.671 0.419,-0.676 0.419,-0.68C0.419,-0.691 0.417,-0.7 0.414,-0.707C0.411,-0.714 0.406,-0.718 0.4,-0.721L0.385,-0.723C0.383,-0.724 0.382,-0.725 0.382,-0.728C0.382,-0.73 0.384,-0.732 0.388,-0.734L0.469,-0.734C0.472,-0.732 0.474,-0.73 0.474,-0.728C0.474,-0.726 0.474,-0.725 0.473,-0.724C0.472,-0.723 0.471,-0.722 0.469,-0.722C0.46,-0.721 0.453,-0.716 0.446,-0.707C0.437,-0.695 0.432,-0.68 0.43,-0.662L0.365,-0.054C0.361,-0.025 0.359,-0.009 0.356,-0.004C0.354,-0.001 0.351,-0 0.347,-0L0.312,-0C0.307,-0 0.303,-0.002 0.301,-0.006L0.295,-0.06L0.233,-0.62L0.175,-0.054C0.172,-0.023 0.169,-0.007 0.168,-0.005C0.166,-0.002 0.162,-0 0.156,-0L0.121,-0C0.117,-0 0.114,-0.001 0.112,-0.004C0.111,-0.006 0.109,-0.021 0.106,-0.048L0.033,-0.722Z" style="fill:rgb(204,204,204);fill-opacity:0.4;fill-rule:nonzero;"/>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 34 KiB

2
webapp/static/img/custom/logout.svg
View File

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 600 570" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<svg width="600" height="570" viewBox="0 0 600 570" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(19.3864,-2.46403,1.12371,8.84107,-4780.51,-981.139)">
<g transform="matrix(19.367,0,0,42.4673,232.904,227.313)">
<path d="M0.033,-0.722L0.01,-0.722C0.006,-0.724 0.004,-0.726 0.004,-0.728C0.004,-0.73 0.006,-0.732 0.01,-0.734L0.161,-0.734C0.163,-0.734 0.164,-0.734 0.165,-0.733C0.166,-0.732 0.167,-0.73 0.167,-0.728C0.167,-0.726 0.166,-0.725 0.165,-0.723C0.164,-0.722 0.163,-0.722 0.161,-0.722L0.135,-0.722L0.181,-0.229L0.228,-0.677L0.223,-0.722L0.199,-0.722C0.197,-0.722 0.196,-0.722 0.195,-0.723C0.193,-0.725 0.193,-0.726 0.193,-0.728C0.193,-0.73 0.193,-0.732 0.195,-0.733C0.196,-0.734 0.197,-0.734 0.199,-0.734L0.352,-0.734C0.356,-0.732 0.357,-0.73 0.357,-0.728C0.357,-0.726 0.356,-0.724 0.352,-0.722L0.324,-0.722L0.371,-0.229L0.418,-0.667C0.419,-0.671 0.419,-0.676 0.419,-0.68C0.419,-0.691 0.417,-0.7 0.414,-0.707C0.411,-0.714 0.406,-0.718 0.4,-0.721L0.385,-0.723C0.383,-0.724 0.382,-0.725 0.382,-0.728C0.382,-0.73 0.384,-0.732 0.388,-0.734L0.469,-0.734C0.472,-0.732 0.474,-0.73 0.474,-0.728C0.474,-0.726 0.474,-0.725 0.473,-0.724C0.472,-0.723 0.471,-0.722 0.469,-0.722C0.46,-0.721 0.453,-0.716 0.446,-0.707C0.437,-0.695 0.432,-0.68 0.43,-0.662L0.365,-0.054C0.361,-0.025 0.359,-0.009 0.356,-0.004C0.354,-0.001 0.351,-0 0.347,-0L0.312,-0C0.307,-0 0.303,-0.002 0.301,-0.006L0.295,-0.06L0.233,-0.62L0.175,-0.054C0.172,-0.023 0.169,-0.007 0.168,-0.005C0.166,-0.002 0.162,-0 0.156,-0L0.121,-0C0.117,-0 0.114,-0.001 0.112,-0.004C0.111,-0.006 0.109,-0.021 0.106,-0.048L0.033,-0.722Z" style="fill:rgb(204,204,204);fill-opacity:0.4;fill-rule:nonzero;"/>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 34 KiB

2
webapp/static/img/custom/password-reset.svg
View File

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 619 593" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<svg width="619" height="593" viewBox="0 0 619 593" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(20.1687,-2.56346,1.16905,9.19781,-4976.01,-1020.73)">
<g transform="matrix(19.367,0,0,42.4673,232.904,227.313)">
<path d="M0.033,-0.722L0.01,-0.722C0.006,-0.724 0.004,-0.726 0.004,-0.728C0.004,-0.73 0.006,-0.732 0.01,-0.734L0.161,-0.734C0.163,-0.734 0.164,-0.734 0.165,-0.733C0.166,-0.732 0.167,-0.73 0.167,-0.728C0.167,-0.726 0.166,-0.725 0.165,-0.723C0.164,-0.722 0.163,-0.722 0.161,-0.722L0.135,-0.722L0.181,-0.229L0.228,-0.677L0.223,-0.722L0.199,-0.722C0.197,-0.722 0.196,-0.722 0.195,-0.723C0.193,-0.725 0.193,-0.726 0.193,-0.728C0.193,-0.73 0.193,-0.732 0.195,-0.733C0.196,-0.734 0.197,-0.734 0.199,-0.734L0.352,-0.734C0.356,-0.732 0.357,-0.73 0.357,-0.728C0.357,-0.726 0.356,-0.724 0.352,-0.722L0.324,-0.722L0.371,-0.229L0.418,-0.667C0.419,-0.671 0.419,-0.676 0.419,-0.68C0.419,-0.691 0.417,-0.7 0.414,-0.707C0.411,-0.714 0.406,-0.718 0.4,-0.721L0.385,-0.723C0.383,-0.724 0.382,-0.725 0.382,-0.728C0.382,-0.73 0.384,-0.732 0.388,-0.734L0.469,-0.734C0.472,-0.732 0.474,-0.73 0.474,-0.728C0.474,-0.726 0.474,-0.725 0.473,-0.724C0.472,-0.723 0.471,-0.722 0.469,-0.722C0.46,-0.721 0.453,-0.716 0.446,-0.707C0.437,-0.695 0.432,-0.68 0.43,-0.662L0.365,-0.054C0.361,-0.025 0.359,-0.009 0.356,-0.004C0.354,-0.001 0.351,-0 0.347,-0L0.312,-0C0.307,-0 0.303,-0.002 0.301,-0.006L0.295,-0.06L0.233,-0.62L0.175,-0.054C0.172,-0.023 0.169,-0.007 0.168,-0.005C0.166,-0.002 0.162,-0 0.156,-0L0.121,-0C0.117,-0 0.114,-0.001 0.112,-0.004C0.111,-0.006 0.109,-0.021 0.106,-0.048L0.033,-0.722Z" style="fill:rgb(204,204,204);fill-opacity:0.4;fill-rule:nonzero;"/>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 34 KiB

2
webapp/static/img/custom/welcome.svg
View File

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 619 593" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<svg width="619" height="593" viewBox="0 0 619 593" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(20.1687,-2.56346,1.16905,9.19781,-4976.01,-1020.73)">
<g transform="matrix(19.367,0,0,42.4673,232.904,227.313)">
<path d="M0.033,-0.722L0.01,-0.722C0.006,-0.724 0.004,-0.726 0.004,-0.728C0.004,-0.73 0.006,-0.732 0.01,-0.734L0.161,-0.734C0.163,-0.734 0.164,-0.734 0.165,-0.733C0.166,-0.732 0.167,-0.73 0.167,-0.728C0.167,-0.726 0.166,-0.725 0.165,-0.723C0.164,-0.722 0.163,-0.722 0.161,-0.722L0.135,-0.722L0.181,-0.229L0.228,-0.677L0.223,-0.722L0.199,-0.722C0.197,-0.722 0.196,-0.722 0.195,-0.723C0.193,-0.725 0.193,-0.726 0.193,-0.728C0.193,-0.73 0.193,-0.732 0.195,-0.733C0.196,-0.734 0.197,-0.734 0.199,-0.734L0.352,-0.734C0.356,-0.732 0.357,-0.73 0.357,-0.728C0.357,-0.726 0.356,-0.724 0.352,-0.722L0.324,-0.722L0.371,-0.229L0.418,-0.667C0.419,-0.671 0.419,-0.676 0.419,-0.68C0.419,-0.691 0.417,-0.7 0.414,-0.707C0.411,-0.714 0.406,-0.718 0.4,-0.721L0.385,-0.723C0.383,-0.724 0.382,-0.725 0.382,-0.728C0.382,-0.73 0.384,-0.732 0.388,-0.734L0.469,-0.734C0.472,-0.732 0.474,-0.73 0.474,-0.728C0.474,-0.726 0.474,-0.725 0.473,-0.724C0.472,-0.723 0.471,-0.722 0.469,-0.722C0.46,-0.721 0.453,-0.716 0.446,-0.707C0.437,-0.695 0.432,-0.68 0.43,-0.662L0.365,-0.054C0.361,-0.025 0.359,-0.009 0.356,-0.004C0.354,-0.001 0.351,-0 0.347,-0L0.312,-0C0.307,-0 0.303,-0.002 0.301,-0.006L0.295,-0.06L0.233,-0.62L0.175,-0.054C0.172,-0.023 0.169,-0.007 0.168,-0.005C0.166,-0.002 0.162,-0 0.156,-0L0.121,-0C0.117,-0 0.114,-0.001 0.112,-0.004C0.111,-0.006 0.109,-0.021 0.106,-0.048L0.033,-0.722Z" style="fill:rgb(204,204,204);fill-opacity:0.4;fill-rule:nonzero;"/>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 34 KiB