monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2025-02-04 13:01:10 +08:00
Code Issues Projects Releases Packages Wiki Activity

initial layout

Browse source
This commit is contained in:
bhomie 2020-06-10 01:32:25 -07:00
parent 91ede7512d
commit 125b609b98
2 changed files with 32 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
public/css/style.scss
View file

@ -1404,8 +1404,30 @@ key {
&.themes, &.languages, &.layouts{
grid-template-columns: 1fr;
grid-template-areas: "title"
"tabs"
"buttons";
gap: .5rem;
.tabs {
grid-area: tabs;
display: flex;
grid-template-columns: 1fr 1fr 9fr;
.tab {
outline: 0;
cursor: pointer;
padding: 0;
font-size: 1rem;
color: var(--sub-color);
text-align: left;
border: 0;
background: 0;
&:first-child{
margin-right: .5rem;
}
&.active {
color: var(--main-color);
}
}
}
.buttons{
margin-left: 0;
grid-auto-flow: dense;

10
public/index.html
View file

@ -421,9 +421,19 @@
</div>
</div>
<div class="section themes">
<div class='tabs'>
<button class="tab">preset</button>
<button class="tab">custom</button>
<div class="activeIndicator"></div>
</div>
<h1>theme</h1>
<div class="buttons">
</div>
<div class="customTheme">
<p>enter the values for your own custom theme here</p>
<input class="colorSelector" type="color">
</div>
</div>