krikkert/habitica
1
0
Fork 0
mirror of https://github.com/HabitRPG/habitica.git synced 2025-12-18 07:07:35 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add semantic-ui (#8076)

Browse Source 
* client: add semantic-ui

* add README, disable google fonts

* karma: limit coverage to .vue and .js files

* add missing deps

* semantic-ui in assets folder
This commit is contained in:
Matteo Pagliazzi
2016-09-27 09:34:45 +02:00
committed by GitHub
parent 51ffe2c8c2
commit e3bcea4077
11 changed files with 334 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
website/client/components/app.vue
View File

@@ -1,5 +1,5 @@
<template lang="pug">
#app
#app.ui.fluid.container
site-header
p Welcome back {{user.profile.name}}!
ul
@@ -23,29 +23,12 @@ export default {
};
</script>
<style>
html, body {
width: 100%;
<style lang="less">
@import '../assets/semantic-ui/semantic.less';
// Element is rendered outside of Vue because it cannot wait for JS to be loaded
// Placing CSS here so it benefits from pre-processing
#loading-screen {
height: 100%;
margin: 0;
padding: 0;
}
#loading-screen { /* outside Vue because can't wait for rendering to finish */
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #fff;
z-index: 10001;
}
#app {
margin: 0 auto;
width: 80%;
border-left : 1px solid;
border-right: 1px solid;
padding: 20px;
}
</style>