From 77753c37ccf347d06e33308d83c222241d762c14 Mon Sep 17 00:00:00 2001 From: ThatOneCalculator Date: Mon, 4 Apr 2022 12:32:14 -0700 Subject: [PATCH 1/2] feat: :lipstick: new UI (WIP) --- frontend/style/style.scss | 15 ++++++++------- 1 file changed, 8 insertions(+), 7 deletions(-) diff --git a/frontend/style/style.scss b/frontend/style/style.scss index 1bb104e..6cc505d 100755 --- a/frontend/style/style.scss +++ b/frontend/style/style.scss @@ -64,7 +64,7 @@ pre { display: flex; } .scrollbar-container { - height: 100%; + height: 90%; } .wrapper { display: flex; @@ -127,16 +127,17 @@ textarea { } .button-wrapper { position: fixed !important; - top: 0; - right: 0; - padding: 0.7rem 0.7rem 0.5rem 0.7rem; + width: 100%; + padding: 0.5rem; background-color: $bg_surface; - border-bottom-left-radius: 10px; z-index: 10; transition: opacity 0.2s, visibility 0.2s; } .buttons { - display: flex; + z-index: 10; + position: fixed !important; + top: 1rem; + left: 9rem; > * { + { * { @@ -211,7 +212,7 @@ a { .logo { font-size: 1.8rem; font-weight: 700; - text-align: center; + text-align: left; text-decoration: none; width: 100%; font-family: $font-mono; From 3ed0642d039db23de850b57089566bd44562505f Mon Sep 17 00:00:00 2001 From: Dominic Harris Date: Tue, 5 Apr 2022 07:35:53 -0400 Subject: [PATCH 2/2] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20refactor:=20Reorder=20?= =?UTF-8?q?buttons=20on=20index?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/index.pug | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/frontend/index.pug b/frontend/index.pug index 035a98c..788d7af 100755 --- a/frontend/index.pug +++ b/frontend/index.pug @@ -37,6 +37,9 @@ html(lang='en') a.logo.noselect(href='/') zer0bin .buttons.noselect button#save-button.btn(aria-label='Save') + button#copy-button.btn(aria-label='Copy') + button#new-button.btn(aria-label='New paste') + button#markdown-button.btn(aria-label='Markdown') button#single-view-button.btn(aria-label='Single View') //- .fireBody(style='visibility: hidden') @@ -44,8 +47,7 @@ html(lang='en') //- - while (parts--) { //- .particle //- - } - button#new-button.btn(aria-label='New paste') - button#copy-button.btn(aria-label='Copy') + button#share-button.btn(aria-label='Share') a(href='https://github.com/zer0bin-dev/zer0bin' aria-label='GitHub repo') button#github-button.btn(aria-label='GitHub')