Mirroring/tailblocks
1
0
Fork 0
mirror of https://github.com/mertJF/tailblocks.git synced 2025-12-11 10:13:01 +00:00
Code Issues Projects Releases Wiki Activity

readme

Browse Source
This commit is contained in:
mertJF
2020-05-14 21:59:58 +03:00
parent 39b25182ed
commit 8d40407439
6 changed files with 62 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/App.js
View File

@@ -197,7 +197,7 @@ class App extends Component {
{this.listRenderer()}
</aside>
<div className="toolbar">
<button className="opener" onClick={this.toggleSidebar}>TAILWIND BLOCKS</button>
<button className="opener" onClick={this.toggleSidebar}>TAILBLOCKS</button>
<button className="copy-the-block" onClick={this.toggleView}>
{!this.state.codeView ?
<svg
@@ -255,6 +255,11 @@ class App extends Component {
</div>
</div>
</main>
<a href="https://github.com/mertJF/tailblocks" className="github" target="_blank" rel="noopener noreferrer">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path>
</svg>
</a>
</div>
);
}

14
src/index.css
View File

@@ -553,3 +553,17 @@ pre, code {
.view.show-code .codes {
display: block;
}
.github {
width: 52px;
height: 52px;
border-radius: 50%;
position: fixed;
right: 20px;
bottom: 20px;
background-color: var(--solid-900);
color: var(--main-100);
display: inline-flex;
align-items: center;
justify-content: center;
}