sass cleanup
This commit is contained in:
parent
0c1b8b0190
commit
a687188dd1
|
@ -68,9 +68,6 @@ ul.about-list {
|
||||||
.container {
|
.container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
|
||||||
|
|
||||||
#content {
|
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding-top: 50px;
|
padding-top: 50px;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
|
|
@ -1,27 +1,25 @@
|
||||||
@import '_variables';
|
@import '_variables';
|
||||||
|
|
||||||
nav {
|
nav {
|
||||||
z-index: 1000;
|
display: flex;
|
||||||
background-color: $bg_overlays;
|
|
||||||
box-shadow: 0 0 4px $shadow;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-bar {
|
|
||||||
padding: 0;
|
|
||||||
width: 100%;
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
background-color: $bg_overlays;
|
||||||
|
box-shadow: 0 0 4px $shadow;
|
||||||
|
padding: 0;
|
||||||
|
width: 100%;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
|
z-index: 1000;
|
||||||
|
}
|
||||||
|
|
||||||
.inner-nav {
|
.inner-nav {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-basis: 920px;
|
flex-basis: 920px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.site-name {
|
.site-name {
|
||||||
|
@ -39,7 +37,7 @@ nav {
|
||||||
height: 35px;
|
height: 35px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.item {
|
.nav-item {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
line-height: 50px;
|
line-height: 50px;
|
||||||
|
|
|
@ -4,13 +4,13 @@
|
||||||
@import 'card';
|
@import 'card';
|
||||||
@import 'photo-rail';
|
@import 'photo-rail';
|
||||||
|
|
||||||
.profile-timeline, .profile-tabs {
|
|
||||||
@include panel(auto, 900px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.profile-tabs {
|
.profile-tabs {
|
||||||
> .timeline-tab {
|
@include panel(auto, 900px);
|
||||||
|
|
||||||
|
.timeline-container {
|
||||||
|
float: right;
|
||||||
width: 68% !important;
|
width: 68% !important;
|
||||||
|
max-width: unset;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -3,7 +3,6 @@
|
||||||
|
|
||||||
.conversation {
|
.conversation {
|
||||||
@include panel(100%, 600px);
|
@include panel(100%, 600px);
|
||||||
background-color: $bg_color !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-thread {
|
.main-thread {
|
||||||
|
|
|
@ -6,14 +6,14 @@ import ../utils, ../types
|
||||||
const doctype = "<!DOCTYPE html>\n"
|
const doctype = "<!DOCTYPE html>\n"
|
||||||
|
|
||||||
proc renderNavbar*(title, path, rss: string): VNode =
|
proc renderNavbar*(title, path, rss: string): VNode =
|
||||||
buildHtml(nav(id="nav", class="nav-bar container")):
|
buildHtml(nav):
|
||||||
tdiv(class="inner-nav"):
|
tdiv(class="inner-nav"):
|
||||||
tdiv(class="item"):
|
tdiv(class="nav-item"):
|
||||||
a(class="site-name", href="/"): text title
|
a(class="site-name", href="/"): text title
|
||||||
|
|
||||||
a(href="/"): img(class="site-logo", src="/logo.png")
|
a(href="/"): img(class="site-logo", src="/logo.png")
|
||||||
|
|
||||||
tdiv(class="item right"):
|
tdiv(class="nav-item right"):
|
||||||
if rss.len > 0:
|
if rss.len > 0:
|
||||||
icon "rss", title="RSS Feed", href=rss
|
icon "rss", title="RSS Feed", href=rss
|
||||||
icon "info-circled", title="About", href="/about"
|
icon "info-circled", title="About", href="/about"
|
||||||
|
@ -55,7 +55,7 @@ proc renderMain*(body: VNode; prefs: Prefs; title="Nitter"; titleText=""; desc="
|
||||||
body:
|
body:
|
||||||
renderNavbar(title, path, rss)
|
renderNavbar(title, path, rss)
|
||||||
|
|
||||||
tdiv(id="content", class="container"):
|
tdiv(class="container"):
|
||||||
body
|
body
|
||||||
|
|
||||||
result = doctype & $node
|
result = doctype & $node
|
||||||
|
|
|
@ -21,7 +21,7 @@ proc renderReplyThread(thread: Thread; prefs: Prefs; path: string): VNode =
|
||||||
|
|
||||||
proc renderConversation*(conversation: Conversation; prefs: Prefs; path: string): VNode =
|
proc renderConversation*(conversation: Conversation; prefs: Prefs; path: string): VNode =
|
||||||
let hasAfter = conversation.after != nil
|
let hasAfter = conversation.after != nil
|
||||||
buildHtml(tdiv(class="conversation", id="posts")):
|
buildHtml(tdiv(class="conversation")):
|
||||||
tdiv(class="main-thread"):
|
tdiv(class="main-thread"):
|
||||||
if conversation.before != nil:
|
if conversation.before != nil:
|
||||||
tdiv(class="before-tweet thread-line"):
|
tdiv(class="before-tweet thread-line"):
|
||||||
|
|
Loading…
Reference in New Issue