Compare commits

..

3 commits

Author SHA1 Message Date
e415da87c3
Add "Export to ponyhead" button
Some checks failed
continuous-integration/drone/push Build is failing
continuous-integration/drone/pr Build is passing
2019-09-11 21:27:51 +02:00
246e256a09
More card bg fixes 2019-09-11 21:27:44 +02:00
f21433e228
Add proper dark mode 2019-09-11 21:27:30 +02:00
7 changed files with 27 additions and 5 deletions

View file

@ -13,6 +13,7 @@
"babel-core": "7.0.0-bridge.0", "babel-core": "7.0.0-bridge.0",
"babel-eslint": "^10.0.1", "babel-eslint": "^10.0.1",
"buefy": "^0.8.2", "buefy": "^0.8.2",
"bulma-prefers-dark": "^0.1.0-beta.0",
"core-js": "^2.6.5", "core-js": "^2.6.5",
"dexie": "^2.0.4", "dexie": "^2.0.4",
"eventemitter3": "^4.0.0", "eventemitter3": "^4.0.0",

View file

@ -163,10 +163,6 @@ $size-medium: $size-5 !default;
$size-large: $size-4 !default; $size-large: $size-4 !default;
// Input box styling // Input box styling
$input-color: $white;
$input-background-color: $black-ter;
$input-border-color: $grey-darker;
$input-focus-border-color: $turquoise; $input-focus-border-color: $turquoise;
$input-hover-border-color: scale-color($turquoise, $lightness: -30%); $input-hover-border-color: scale-color($turquoise, $lightness: -30%);

View file

@ -4,6 +4,7 @@
@import "~bulma/sass/utilities/derived-variables"; @import "~bulma/sass/utilities/derived-variables";
@import "~bulma"; @import "~bulma";
@import "~buefy/src/scss/buefy"; @import "~buefy/src/scss/buefy";
@import "dark";
@import url('https://fonts.googleapis.com/css?family=Merriweather:300,400,400i,700&display=swap'); @import url('https://fonts.googleapis.com/css?family=Merriweather:300,400,400i,700&display=swap');
html { html {

View file

@ -0,0 +1,6 @@
@charset "utf-8"
@import "~bulma-prefers-dark/sass/utilities/_all"
@import "~bulma-prefers-dark/sass/base/_all"
@import "~bulma-prefers-dark/sass/elements/_all"
@import "~bulma-prefers-dark/sass/components/_all"
@import "~bulma-prefers-dark/sass/layout/_all"

View file

@ -45,8 +45,10 @@
.cardbg { .cardbg {
position: absolute; position: absolute;
margin-top: 30%; margin-top: 30%;
max-width: 330px; right: -20px;
left: -20px; left: -20px;
max-width: none;
width: 120%;
filter: brightness(20%); filter: brightness(20%);
z-index: 1; z-index: 1;
} }

View file

@ -57,6 +57,11 @@
<section class="decklist"> <section class="decklist">
<header> <header>
<h1>{{ deckname }}</h1> <h1>{{ deckname }}</h1>
<nav class="buttons">
<b-button @click="exportToPonyhead" size="is-small deck-btn"
>Ponyhead</b-button
>
</nav>
</header> </header>
<DeckList :cards="decklist" @removed="cardRemoved" /> <DeckList :cards="decklist" @removed="cardRemoved" />
</section> </section>
@ -111,6 +116,7 @@
h1 { h1 {
font-size: 20pt; font-size: 20pt;
font-weight: 700; font-weight: 700;
margin-bottom: 5px;
} }
} }
} }
@ -167,6 +173,11 @@
width: 10px; width: 10px;
height: 10px; height: 10px;
} }
.deck-btn {
padding: 0 10px;
padding-bottom: 2px;
}
</style> </style>
<script lang="ts"> <script lang="ts">

View file

@ -2225,6 +2225,11 @@ builtin-status-codes@^3.0.0:
resolved "https://registry.yarnpkg.com/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz#85982878e21b98e1c66425e03d0174788f569ee8" resolved "https://registry.yarnpkg.com/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz#85982878e21b98e1c66425e03d0174788f569ee8"
integrity sha1-hZgoeOIbmOHGZCXgPQF0eI9Wnug= integrity sha1-hZgoeOIbmOHGZCXgPQF0eI9Wnug=
bulma-prefers-dark@^0.1.0-beta.0:
version "0.1.0-beta.0"
resolved "https://registry.yarnpkg.com/bulma-prefers-dark/-/bulma-prefers-dark-0.1.0-beta.0.tgz#646350738ed00ac66d0f84ec6821a677aa1a66c5"
integrity sha512-EeDW8pQrkYEOXo2l3WykfghbUzi8jlQWGI+Cu2HwmXwQHMcoGF6yiKYCNShttN+8z3atq8fLWh3B7pqXUV4fBA==
bulma@0.7.5: bulma@0.7.5:
version "0.7.5" version "0.7.5"
resolved "https://registry.yarnpkg.com/bulma/-/bulma-0.7.5.tgz#35066c37f82c088b68f94450be758fc00a967208" resolved "https://registry.yarnpkg.com/bulma/-/bulma-0.7.5.tgz#35066c37f82c088b68f94450be758fc00a967208"