eliseuamaro
/
gnu-social
forked from GNUsocial/gnu-social
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[UI] Responsive base design polish

This commit is contained in:
rainydaysavings 2020-08-15 00:47:16 +01:00 committed by Hugo Sales
parent ccd6667e2c
commit ea61109932
Signed by untrusted user: someonewithpc
GPG Key ID: 7D0C7EAFC9D835A0
3 changed files with 20 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
public/assets/css/base.css
View File

@ -91,6 +91,7 @@ b {
#top { #top {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
width: 100%; width: 100%;
} }

16
public/assets/css/base_mid.css
View File

@ -16,16 +16,15 @@
--accent: #81a1c1; --accent: #81a1c1;
--bg1: #2e3440; --bg1: #2e3440;
--bg2: #3b4252; --bg2: #3b4252;
--bg3: #4c566a; --bg3: #434c5e;
--bg4: #2e344075; --bg4: #4c566a;
--bg5: #2e344090; --shadow: 0px 0px 40px 0px rgba(46,52,64,0.95);
--shadow: 0px 0px 90px 0px rgba(46,52,64,0.95);
} }
/* DEFAULTS */ /* DEFAULTS */
body, body,
html { html {
background: var(--bg3); background: var(--bg4);
background-attachment: fixed; background-attachment: fixed;
background-size: cover; background-size: cover;
color: var(--fg); color: var(--fg);
@ -35,6 +34,11 @@ html {
padding: 0; padding: 0;
} }
hr {
margin: 0;
color: var(--accent);
}
ul { ul {
text-decoration: none; text-decoration: none;
margin: 0; margin: 0;
@ -193,7 +197,7 @@ b {
width: var(--nav-size); width: var(--nav-size);
height: calc(100vh - (3 * var(--unit-size))); height: calc(100vh - (3 * var(--unit-size)));
position: fixed; position: fixed;
background-color: var(--bg3); background-color: var(--bg1);
margin-top: calc(3 * var(--main-size)); margin-top: calc(3 * var(--main-size));
} }

14
public/assets/css/base_small.css
View File

@ -16,16 +16,15 @@
--accent: #81a1c1; --accent: #81a1c1;
--bg1: #2e3440; --bg1: #2e3440;
--bg2: #3b4252; --bg2: #3b4252;
--bg3: #4c566a; --bg3: #434c5e;
--bg4: #2e344075; --bg4: #4c566a;
--bg5: #2e344090; --shadow: 0px 0px 40px 0px rgba(46,52,64,0.95);
--shadow: 0px 0px 90px 0px rgba(46,52,64,0.95);
} }
/* DEFAULTS */ /* DEFAULTS */
body, body,
html { html {
background: var(--bg3); background: var(--bg4);
background-attachment: fixed; background-attachment: fixed;
background-size: cover; background-size: cover;
color: var(--fg); color: var(--fg);
@ -35,6 +34,11 @@ html {
padding: 0; padding: 0;
} }
hr {
margin: 0;
color: var(--accent);
}
ul { ul {
text-decoration: none; text-decoration: none;
margin: 0; margin: 0;