Cynosphere/nitter
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

sass cleanup

Browse source
This commit is contained in:
Zed 2019-09-13 19:52:05 +02:00
parent 0c1b8b0190
commit a687188dd1
6 changed files with 26 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/sass/index.scss
View file

@ -68,9 +68,6 @@ ul.about-list {
.container {
display: flex;
flex-wrap: wrap;
}
#content {
box-sizing: border-box;
padding-top: 50px;
margin: auto;

20
src/sass/navbar.scss
View file

@ -1,19 +1,18 @@
@import '_variables';
nav {
z-index: 1000;
background-color: $bg_overlays;
box-shadow: 0 0 4px $shadow;
}
.nav-bar {
padding: 0;
width: 100%;
display: flex;
align-items: center;
position: fixed;
background-color: $bg_overlays;
box-shadow: 0 0 4px $shadow;
padding: 0;
width: 100%;
height: 50px;
z-index: 1000;
}
.inner-nav {
.inner-nav {
margin: auto;
box-sizing: border-box;
padding: 0 10px;
@ -21,7 +20,6 @@ nav {
align-items: center;
flex-basis: 920px;
height: 50px;
}
}
.site-name {
@ -39,7 +37,7 @@ nav {
height: 35px;
}
.item {
.nav-item {
display: flex;
flex: 1;
line-height: 50px;

10
src/sass/profile/_base.scss
View file

@ -4,13 +4,13 @@
@import 'card';
@import 'photo-rail';
.profile-timeline, .profile-tabs {
@include panel(auto, 900px);
}
.profile-tabs {
> .timeline-tab {
@include panel(auto, 900px);
.timeline-container {
float: right;
width: 68% !important;
max-width: unset;
}
}

1
src/sass/tweet/thread.scss
View file

@ -3,7 +3,6 @@
.conversation {
@include panel(100%, 600px);
background-color: $bg_color !important;
}
.main-thread {

8
src/views/general.nim
View file

@ -6,14 +6,14 @@ import ../utils, ../types
const doctype = "<!DOCTYPE html>\n"
proc renderNavbar*(title, path, rss: string): VNode =
buildHtml(nav(id="nav", class="nav-bar container")):
buildHtml(nav):
tdiv(class="inner-nav"):
tdiv(class="item"):
tdiv(class="nav-item"):
a(class="site-name", href="/"): text title
a(href="/"): img(class="site-logo", src="/logo.png")
tdiv(class="item right"):
tdiv(class="nav-item right"):
if rss.len > 0:
icon "rss", title="RSS Feed", href=rss
icon "info-circled", title="About", href="/about"
@ -55,7 +55,7 @@ proc renderMain*(body: VNode; prefs: Prefs; title="Nitter"; titleText=""; desc="
body:
renderNavbar(title, path, rss)
tdiv(id="content", class="container"):
tdiv(class="container"):
body
result = doctype & $node

2
src/views/status.nim
View file

@ -21,7 +21,7 @@ proc renderReplyThread(thread: Thread; prefs: Prefs; path: string): VNode =
proc renderConversation*(conversation: Conversation; prefs: Prefs; path: string): VNode =
let hasAfter = conversation.after != nil
buildHtml(tdiv(class="conversation", id="posts")):
buildHtml(tdiv(class="conversation")):
tdiv(class="main-thread"):
if conversation.before != nil:
tdiv(class="before-tweet thread-line"):