Skip to content

Commit 806c647

Browse files
yaphyaph
committed
Improve responsiveness of coder page
1 parent 8c5a10b commit 806c647

File tree

2 files changed

+19
-17
lines changed

2 files changed

+19
-17
lines changed

‎src/js/coder.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
const DEV = 0;
1+
const DEV = 1;
22

33
let bar_options = {
44
axisX: { onlyInteger: true },

‎templates/coder.html‎

Lines changed: 18 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -7,11 +7,11 @@
77

88
{% block content %}
99
<nav class="container-full clear"><div class="row">
10-
<div class="col-4">
10+
<div class="col-12 col-4-xl col-4-l col-5-m">
1111
<a href="/"><img src="/img/coderstats.png"></a>
1212
<span class="brand">CoderStats({{ username }})</span>
1313
</div>
14-
<div class="col-8" id="search">
14+
<div class="col-12 col-8-xl col-8-l col-7-m" id="search">
1515
<form @submit.prevent class="right">
1616
<input id="username" type="text" placeholder="GitHub user name" v-model="username">
1717
<button @click="coder" class="button">Get Stats</button>
@@ -21,23 +21,25 @@
2121

2222
{% raw %}
2323
<div id="coder">
24-
<div v-if="user" class="flex">
25-
<div class="sidebar padh">
26-
<header>
27-
<h3>{{ user.name }}</h3>
28-
</header>
29-
<img :src="user.avatar_url" :alt="user.name" class="img-fluid">
30-
<p>Joined GitHub {{ user.created_at|formatDate }}</p>
31-
<a :href="'https://github.com/' + user.login" class="block"><i class="fa fa-github" aria-hidden="true"></i> {{ user.login }}</a>
32-
<a v-if="user.blog" :href="user.blog | fixURL" class="block"><i class="fa fa-home" aria-hidden="true"></i> {{ user.blog | formatURL }}</a>
33-
<span v-if="user.location" class="block"><i class="fa fa-globe" aria-hidden="true"></i> {{ user.location }}</span>
34-
<span v-if="user.company" class="block"><i class="fa fa-money" aria-hidden="true"></i> {{ user.company }}</span>
35-
<blockquote v-if="user.bio"><p>{{ user.bio }}</p></blockquote>
24+
<div v-if="user" class="row">
25+
<div class="col-12 col-2-xl col-2-l col-4-m">
26+
<div class="padh">
27+
<header>
28+
<h3>{{ user.name }}</h3>
29+
</header>
30+
<img :src="user.avatar_url" :alt="user.name" class="img-fluid">
31+
<p>Joined GitHub {{ user.created_at|formatDate }}</p>
32+
<a :href="'https://github.com/' + user.login" class="block"><i class="fa fa-github" aria-hidden="true"></i> {{ user.login }}</a>
33+
<a v-if="user.blog" :href="user.blog | fixURL" class="block"><i class="fa fa-home" aria-hidden="true"></i> {{ user.blog | formatURL }}</a>
34+
<span v-if="user.location" class="block"><i class="fa fa-globe" aria-hidden="true"></i> {{ user.location }}</span>
35+
<span v-if="user.company" class="block"><i class="fa fa-money" aria-hidden="true"></i> {{ user.company }}</span>
36+
<blockquote v-if="user.bio"><p>{{ user.bio }}</p></blockquote>
37+
</div>
3638
</div>
37-
<div v-if="repos_pushed.length < 2" class="error">
39+
<div v-if="repos_pushed.length < 2" class="col-12 error">
3840
{{ user.name }} has not pushed changes to enough public repositories to show any interesting data here.
3941
</div>
40-
<div v-else class="main">
42+
<div v-else class="col-12 col-10-xl col-10-l col-8-m no-padding main">
4143
<div class="flex boxes">
4244
<div class="box-stat" title="The number of loaded repositories this user has pushed to.">
4345
<i class="fa fa-code" aria-hidden="true"></i> Pushed to repos

0 commit comments

Comments
 (0)