Customized index.html.

Centered input in searchModal.
This commit is contained in:
Kylart 2017-04-16 21:55:47 +02:00
parent d031d95da1
commit 5db136c541
5 changed files with 84 additions and 64 deletions

17
assets/scripts/dist.js Normal file
View File

@ -0,0 +1,17 @@
/**
* Created by Kylart on 16/04/2017.
*/
/**
* First check electron-packager api:
* https://github.com/electron-userland/electron-packager/blob/master/docs/api.md
*
* Then electron-installer dmg:
* https://github.com/mongodb-js/electron-installer-dmg
*
* Then windows-installer
* https://github.com/electron/windows-installer
*
* Then maybe ? (Linux)
* https://github.com/unindented/electron-installer-debian
*/

View File

@ -1,28 +1,45 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Electronuxt</title>
<style>
html, body {
margin: 0;
padding: 0;
background: #333;
position: relative;
height: 100%;
width: 100%;
}
h1 {
font-family: sans-serif;
color: white;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -70%);
}
</style>
</head>
<body>
<h1>Loading application...</h1>
</body>
<head>
<meta charset="UTF-8">
<title>Electronuxt</title>
<style>
html, body
{
margin: 0;
padding: 0;
/*background: #333;*/
position: relative;
height: 100%;
width: 100%;
background-image: url("static/images/index-bg.jpg");
background-size: cover;
background-repeat: no-repeat;
}
.loading
{
font-family: sans-serif;
color: rgba(255, 255, 255, 0.9);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -70%);
}
.thank
{
font-family: sans-serif;
color: rgba(255, 255, 255, 0.9);
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -70%);
}
</style>
</head>
<body>
<h2 class="thank">Thank you for contributing to KawAnime!</h2>
<h1 class="loading">Loading application...</h1>
</body>
</html>

View File

@ -140,11 +140,19 @@
<v-card-text>
<h2 class="title">Which anime are you looking for?</h2>
</v-card-text>
<v-divider/>
<v-card-text class="subheading grey--text">
<v-text-field name="search-input"
v-model="searchInput"
label="Anime name">
</v-text-field>
<v-row>
<v-col xs2><!-- Dummy --></v-col>
<v-col xs8>
<v-text-field name="search-input" dark
v-model="searchInput"
label="Anime name">
</v-text-field>
</v-col>
<v-col xs2><!-- Dummy --></v-col>
</v-row>
</v-card-text>
<v-card-row actions>
<v-spacer></v-spacer>
@ -165,7 +173,7 @@
<h1 class="title" v-bind:style="sidebarTitle">
<strong>かわニメ - </strong>
<a href="https://kawani.me">v0.3.0</a>
<a href="#">v0.3.0</a>
</h1>
<div class="links">
@ -271,14 +279,15 @@
}
]
},
{
title: 'Torrenting',
items: [
{title: 'Current downloads'},
{title: 'Sourcing'},
{title: 'Create torrents'}
]
}
// Too soon...
// {
// title: 'Torrenting',
// items: [
// {title: 'Current downloads'},
// {title: 'Sourcing'},
// {title: 'Create torrents'}
// ]
// }
],
sidebarTitle: {
color: 'rgba(255, 255, 255, 0.8)'

View File

@ -9,16 +9,15 @@ module.exports = {
height: 800
},
build: {
extend (config, { isClient }) {
extend (config, {isClient}) {
// Extend only webpack config for client-bundle
if (isClient) {
if (isClient)
config.target = 'electron-renderer'
}
},
vendor: ['vuetify', 'axios']
},
plugins: [
'~plugins/vuetify.js'
'~plugins/vuetify.js'
],
css: [
{src: join(__dirname, 'css/app.styl'), lang: 'styl'},

View File

@ -1,22 +0,0 @@
How to use this icon:
Step 1: Copy the icon to the clipboard
a) Click on this file from the Finder
b) Choose 'Get Info' from the 'File' menu.
c) In the info window that pops up, click on the icon
d) Choose 'Copy' from the 'Edit' menu.
e) Close the info window
Step 2: Paste the icon to the desired item
a) Go to the item in the Finder that you want a custom icon
b) Click the item (file, folder, disk, etc)
b) Choose 'Get Info' from the 'File' menu.
c) In the info window that pops up, click on the icon
d) Choose 'Paste' from the 'Edit' menu.
e) Close the info window
Step 3:
Enjoy your newly customized icon!
For more thorough directions, see Apple's website at:
http://www.apple.com/support/mac101/customize/6/