Intended
/
Entendu
1
0
Fork 0
Code Issues 12 Pull Requests Projects 2 Releases Wiki Activity

better desktop styling, change some wording

This commit is contained in:
Silas 2022-02-24 11:32:00 -05:00
parent 1696995fb6
commit 50012ad7b3
Signed by: silentsilas
GPG Key ID: 4199EFB7DAA34349
5 changed files with 26 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
assets/css/app.css
View File

@ -99,7 +99,20 @@
background: none !important;
}
@media screen and (max-width: 800px) {
html {
height: 100%;
}
@media screen and (min-width: 1025px) {
.centered-container {
margin-top: 0px;
position: absolute;
top: 50%;
transform: translate(0, -50%);
}
}
@media screen and (max-width: 1024px) {
.logo {
display: block;
margin-left: auto;

4
assets/js/pages/JustPage.tsx
View File

@ -182,13 +182,13 @@ const JustPage = (props: JustPageProps) => {
<ProgressIndicator currentProgress={1} />
<Header2>Create a secret</Header2>
<TextAlignWrapper align="left">
<Label htmlFor="secretInput">Enter your secret here</Label>
<Label htmlFor="secretInput">Enter a secret message</Label>
</TextAlignWrapper>
<TextArea
id="secretInput"
value={secretInput}
onChange={handleChange}
placeholder="Tell me your secrets"
placeholder="Only your intended recipient will see this message."
/>
<Spacer space="2rem" />
<TextAlignWrapper align="center">

11
assets/js/pages/SplashPage.tsx
View File

@ -40,12 +40,17 @@ const SplashPage = (props: SplashPageProps) => {
<CenteredContainer wide>
<SplashIconHeader style={{ width: "100%", maxWidth: "440px" }} />
<Header1>
<span className="splashHeader">Securely Share Your Secrets</span>
<span
className="splashHeader"
style={{ display: "block", marginTop: "20px" }}
>
Securely Share Your Secrets
</span>
</Header1>
<Header3>
<span className="splashSubheader">
With Intended Link you can easily share messages and files
securely and secretly.
With Intended Link, you can send messages and files to any social
account in a secure and private manner.
</span>
</Header3>
<Spacer />

2
lib/entendu_web/templates/layout/app.html.eex
View File

@ -1,4 +1,4 @@
<main role="main" style="height: 100vh;">
<main role="main">
<a href="/">
<img src="<%= Routes.static_path(@conn, "/images/logo.png") %>" class="logo" />
</a>

2
lib/entendu_web/templates/layout/root.html.leex
View File

@ -9,7 +9,7 @@
<link phx-track-static rel="stylesheet" href="<%= Routes.static_path(@conn, "/css/app.css") %>"/>
<script defer phx-track-static type="text/javascript" src="<%= Routes.static_path(@conn, "/js/app.js") %>"></script>
</head>
<body style="background: linear-gradient(180deg,#060b2e 0%,#051745 100%); height: 100vh;">
<body style="background: linear-gradient(180deg,#060b2e 0%,#051745 100%); min-height: 100%;">
<%= @inner_content %>
</body>
</html>