selfhosted
/
padloc
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Update support page with proper content and styling

This commit is contained in:
Martin Kleinschrodt 2022-07-25 07:24:38 +02:00
parent da7c8fdd55
commit bf6b96a97d
2 changed files with 56 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

83
assets/support.md
View File

@ -1,39 +1,54 @@
<a href="#">
<button class="fill-horizontally">
<div class="horizontal spacing layout">
<i class="fa-user block"></i>
<div class="stretch">FAQs</div>
<ul class="plain box">
<li class="list-item">
<a href="https://padloc.app/" target="_blank" class="plain double-padded horizontal spacing center-aligning layout">
<i class="fa-globe block"></i>
<div class="stretch">Website</div>
<i class="subtle block fa-external-link"></i>
</div>
</button>
</a>
</a>
</li>
<li class="list-item">
<a href="https://padloc.app/blog/" target="_blank" class="plain double-padded horizontal spacing center-aligning layout">
<i class="fa-megaphone block"></i>
<div class="stretch">Blog</div>
<i class="subtle block fa-external-link"></i>
</a>
</li>
<li class="list-item">
<a href="https://padloc.app/tos/" target="_blank" class="plain double-padded horizontal spacing center-aligning layout">
<i class="fa-file-lines block"></i>
<div class="stretch">Terms of Service</div>
<i class="subtle block fa-external-link"></i>
</a>
</li>
<li class="list-item">
<a href="https://docs.padloc.app/privacy/" target="_blank" class="plain double-padded horizontal spacing center-aligning layout">
<i class="fa-blinds block"></i>
<div class="stretch">Privacy Policy</div>
<i class="subtle block fa-external-link"></i>
</a>
</li>
</ul>
<a href="#">
<button class="fill-horizontally">
<div class="horizontal spacing layout">
<i class="fa-lock lock block"></i>
<div class="stretch">Support Ticket</div>
<ul class="plain box">
<li class="list-item">
<a href="mailto:support@padloc.app" target="_blank" class="plain double-padded horizontal spacing center-aligning layout">
<i class="fa-envelope block"></i>
<div class="stretch">Contact Support</div>
<i class="subtle block fa-external-link"></i>
</div>
</button>
</a>
<a href="#">
<button class="fill-horizontally">
<div class="horizontal spacing layout">
<i class="fa-comments-alt block"></i>
<div class="stretch">Live Chat</div>
</a>
</li>
<li class="list-item">
<a href="https://docs.padloc.app/manual/" target="_blank" class="plain double-padded horizontal spacing center-aligning layout">
<i class="fa-book block"></i>
<div class="stretch">User Manual</div>
<i class="subtle block fa-external-link"></i>
</div>
</button>
</a>
<a href="#">
<button class="fill-horizontally">
<div class="horizontal spacing layout">
<i class="fa-tools block"></i>
<div class="stretch">Support Center</div>
</a>
</li>
<li class="list-item">
<a href="https://docs.padloc.app/questions/" target="_blank" class="plain double-padded horizontal spacing center-aligning layout">
<i class="fa-comments-question block"></i>
<div class="stretch">Frequently Asked Questions</div>
<i class="subtle block fa-external-link"></i>
</div>
</button>
</a>
</a>
</li>
</ul>

12
packages/app/src/styles/content.ts
View File

@ -65,7 +65,8 @@ export const content = css`
list-style: square;
}
ul.plain {
ul.plain,
ul.unstyled {
list-style: none;
padding: 0;
}
@ -96,10 +97,8 @@ export const content = css`
color: var(--button-primary-color, var(--button-color));
}
${click("button")};
${hover("button")};
a.plain {
a.plain,
a.unstyled {
text-decoration: none !important;
}
@ -128,4 +127,7 @@ export const content = css`
margin-bottom: 0.5em;
overflow-x: auto;
}
${click("button")};
${hover("button")};
`;