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') 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;