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 { .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;

34
src/sass/navbar.scss
View file

@ -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;

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

@ -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;
} }
} }

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

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

8
src/views/general.nim
View file

@ -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

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 = 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"):