Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Refactoring dark mode icons #4

Merged
merged 5 commits into from
Mar 18, 2020
Merged
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Remove unnused assets
  • Loading branch information
gesseekur committed Mar 17, 2020
commit 0810846ee43c24878768f171bb6be97c9659343c
Binary file removed src/assets/icons/landing-page/icon-lock.png
Binary file not shown.
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
6 changes: 3 additions & 3 deletions src/components/Ad/AdSlider.vue
Original file line number Diff line number Diff line change
@@ -19,17 +19,17 @@
</div>
</v-sheet>
</div>
<img src="@/assets/slider/mewconnect.png" />
<!-- <img src="@/assets/slider/mewconnect.png" /> -->
</v-sheet>
</v-carousel-item>
<v-carousel-item>
<v-sheet tile color="grey lighten-4">
<img src="@/assets/slider/myetherwallet.jpg" />
<!-- <img src="@/assets/slider/myetherwallet.jpg" /> -->
</v-sheet>
</v-carousel-item>
<v-carousel-item>
<v-sheet tile color="grey lighten-4">
<img src="@/assets/slider/spaceman.jpg" />
<!-- <img src="@/assets/slider/spaceman.jpg" /> -->
</v-sheet>
</v-carousel-item>
</v-carousel>
8 changes: 4 additions & 4 deletions src/components/Community/CommunityButtons.vue
Original file line number Diff line number Diff line change
@@ -8,10 +8,10 @@
</template>

<script>
import Telegram from "@/assets/icons/Community/telegram.png";
import Slack from "@/assets/icons/Community/slack.png";
import Github from "@/assets/icons/Community/github.png";
import Reddit from "@/assets/icons/Community/reddit.png";
// import Telegram from "@/assets/icons/Community/telegram.png";
// import Slack from "@/assets/icons/Community/slack.png";
// import Github from "@/assets/icons/Community/github.png";
// import Reddit from "@/assets/icons/Community/reddit.png";
export default {
props: {
2 changes: 1 addition & 1 deletion src/components/HelpCenter/Community.vue
Original file line number Diff line number Diff line change
@@ -5,7 +5,7 @@
flat
>
<v-avatar size="75" tile>
<v-img src="@/assets/icons/Common/icon25.png"></v-img>
<!-- <v-img src="@/assets/icons/Common/icon25.png"></v-img> -->
</v-avatar>
<div class="ml-6">
<h3 class="font-weight-medium">Community</h3>
2 changes: 1 addition & 1 deletion src/components/HelpCenter/CustomerSupport.vue
Original file line number Diff line number Diff line change
@@ -5,7 +5,7 @@
flat
>
<v-avatar size="75" tile>
<v-img src="@/assets/icons/Common/icon24.png"></v-img>
<!-- <v-img src="@/assets/icons/Common/icon24.png"></v-img> -->
</v-avatar>
<div class="ml-6">
<h3 class="font-weight-medium">Customer Support</h3>
2 changes: 1 addition & 1 deletion src/components/News/NewsBox.vue
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<template>
<v-card max-width="280">
<v-img src="@/assets/news.jpg" height="194"></v-img>
<!-- <v-img src="@/assets/news.jpg" height="194"></v-img> -->
<v-card-title>Cafe Badilico</v-card-title>
<v-card-text>
Visit ten places on our planet that are undergoing the biggest changes
2 changes: 1 addition & 1 deletion src/components/Reminder/ReminderBox.vue
Original file line number Diff line number Diff line change
@@ -2,7 +2,7 @@
<div
class="reminder-box d-flex flex-no-wrap align-center pa-7 grey lighten-4"
>
<img class="mr-6" width="70" src="@/assets/icons/Common/icon10.png" />
<!-- <img class="mr-6" width="70" src="@/assets/icons/Common/icon10.png" /> -->
<div>
<h3 class="font-weight-medium">{{ title }}</h3>
<div>{{ text }}</div>
4 changes: 2 additions & 2 deletions src/components/Tx/TxStatus.vue
Original file line number Diff line number Diff line change
@@ -3,7 +3,7 @@
<v-row align="center" justify="space-between" no-gutters>
<v-col>
<v-row align="center" no-gutters>
<v-img src="@/assets/coins/eth.png" max-width="28" class="mr-2" />
<!-- <v-img src="@/assets/coins/eth.png" max-width="28" class="mr-2" /> -->
<div>ETH</div>
</v-row>
<div class="caption font-weight-medium">1.00000</div>
@@ -13,7 +13,7 @@
</v-col>
<v-col>
<v-row align="center" no-gutters>
<v-img src="@/assets/coins/btc.png" max-width="28" class="mr-2" />
<!-- <v-img src="@/assets/coins/btc.png" max-width="28" class="mr-2" /> -->
<div>BTC</div>
</v-row>
<div class="caption font-weight-medium">1.000</div>
3 changes: 0 additions & 3 deletions src/plugins/vuetify.js
Original file line number Diff line number Diff line change
@@ -4,9 +4,6 @@ import Vuetify from "vuetify/lib";
Vue.use(Vuetify);

export default new Vuetify({
icons: {
iconfont: "mdi"
},
theme: {
options: {
customProperties: true
12 changes: 6 additions & 6 deletions src/views/Components.vue
Original file line number Diff line number Diff line change
@@ -277,7 +277,7 @@
<v-icon>mdi-medium</v-icon>
</v-btn>
</cc>
<cc subtitle="Social" title="Flags">
<!-- <cc subtitle="Social" title="Flags">
<v-btn height="50" width="50" icon class="mr-2" color="grey lighten-1">
<img width="30" src="@/assets/icons/Flags/china.png" />
</v-btn>
@@ -296,7 +296,7 @@
<v-btn height="50" width="50" icon class="mr-2" color="grey lighten-1">
<img width="30" src="@/assets/icons/Flags/germany.png" />
</v-btn>
</cc>
</cc> -->
<cc subtitle="News" title="News Box">
<NewsBox />
</cc>
@@ -333,10 +333,10 @@ import NewsBox from "@/components/News/NewsBox";
import AdSlider from "@/components/Ad/AdSlider";
import TxStatus from "@/components/Tx/TxStatus";
import btc from "@/assets/coins/btc.png";
import eth from "@/assets/coins/eth.png";
import bch from "@/assets/coins/bch.png";
import xrp from "@/assets/coins/xrp.png";
// import btc from "@/assets/coins/btc.png";
// import eth from "@/assets/coins/eth.png";
// import bch from "@/assets/coins/bch.png";
// import xrp from "@/assets/coins/xrp.png";
export default {
components: {
2 changes: 1 addition & 1 deletion src/views/Footer.vue
Original file line number Diff line number Diff line change
@@ -3,7 +3,7 @@
<v-app-bar color="#0b2840" class="headline text-uppercase">
<v-app-bar-nav-icon hidden></v-app-bar-nav-icon>
<v-toolbar-title hidden>MEW Components</v-toolbar-title>
<img src="@/assets/logo.png" width="120" class="mr-1" />
<!-- <img src="@/assets/logo.png" width="120" class="mr-1" /> -->
<span class="font-weight-light white--text">Styles & Components</span>
<v-spacer></v-spacer>
<v-btn
2 changes: 1 addition & 1 deletion src/views/Header.vue
Original file line number Diff line number Diff line change
@@ -3,7 +3,7 @@
<v-app-bar color="transparent" class="headline text-uppercase">
<v-app-bar-nav-icon hidden></v-app-bar-nav-icon>
<v-toolbar-title hidden>MEW Components</v-toolbar-title>
<img src="@/assets/logo-dark.png" width="120" class="mr-1" />
<!-- <img src="@/assets/logo-dark.png" width="120" class="mr-1" /> -->
<span class="font-weight-light">Styles & Components</span>
<v-spacer></v-spacer>
<v-btn
6 changes: 3 additions & 3 deletions src/views/Home.vue
Original file line number Diff line number Diff line change
@@ -32,18 +32,18 @@

<v-row class="pa-0 ma-0">
<a href="https://vuejs.org/" target="_blank" class="mr-2">
<img src="@/assets/vue.png" width="70" />
<!-- <img src="@/assets/vue.png" width="70" /> -->
</a>
<a href="https://vuetifyjs.com/en/" target="_blank">
<img src="@/assets/vuetify.png" width="70" />
<!-- <img src="@/assets/vuetify.png" width="70" /> -->
</a>
</v-row>
</v-list-item-content>
</v-list-item>
</v-card>

<a href="https://www.myetherwallet.com/" target="_blank">
<v-img src="@/assets/logo.png" max-width="110" />
<!-- <v-img src="@/assets/logo.png" max-width="110" /> -->
</a>
</v-container>
</div>
111 changes: 32 additions & 79 deletions src/views/Icons.vue
Original file line number Diff line number Diff line change
@@ -2,91 +2,44 @@
<v-container>
<div class="title">Icons</div>
<v-row>
<v-col
cols="12"
sm="2"
md="2"
v-for="(i, key) in icons"
:key="key"
class="mb-8"
>
<v-img :src="i" :max-height="imageSize" :max-width="imageSize" />
</v-col>
<v-icon>my-icon</v-icon>
</v-row>
</v-container>
</template>

<script>
import i01 from "@/assets/icons/Common/icon01.png";
import i02 from "@/assets/icons/Common/icon02.png";
import i03 from "@/assets/icons/Common/icon03.png";
import i04 from "@/assets/icons/Common/icon04.png";
import i05 from "@/assets/icons/Common/icon05.png";
import i06 from "@/assets/icons/Common/icon06.png";
import i07 from "@/assets/icons/Common/icon07.png";
import i08 from "@/assets/icons/Common/icon08.png";
import i09 from "@/assets/icons/Common/icon09.png";
import i10 from "@/assets/icons/Common/icon10.png";
import i11 from "@/assets/icons/Common/icon11.png";
import i12 from "@/assets/icons/Common/icon12.png";
import i13 from "@/assets/icons/Common/icon13.png";
import i14 from "@/assets/icons/Common/icon14.png";
import i15 from "@/assets/icons/Common/icon15.png";
import i16 from "@/assets/icons/Common/icon16.png";
import i17 from "@/assets/icons/Common/icon17.png";
import i18 from "@/assets/icons/Common/icon18.png";
import i19 from "@/assets/icons/Common/icon19.png";
import i20 from "@/assets/icons/Common/icon20.png";
import i21 from "@/assets/icons/Common/icon21.png";
import i22 from "@/assets/icons/Common/icon22.png";
import i23 from "@/assets/icons/Common/icon23.png";
import i24 from "@/assets/icons/Common/icon24.png";
import i25 from "@/assets/icons/Common/icon25.png";
import i26 from "@/assets/icons/Common/icon26.png";
import i27 from "@/assets/icons/Common/icon27.png";
import i28 from "@/assets/icons/Common/icon28.png";
import i29 from "@/assets/icons/Common/icon29.png";
import i30 from "@/assets/icons/Common/icon30.png";
// import i01 from "@/assets/icons/Common/icon01.png";
// import i02 from "@/assets/icons/Common/icon02.png";
// import i03 from "@/assets/icons/Common/icon03.png";
// import i04 from "@/assets/icons/Common/icon04.png";
// import i05 from "@/assets/icons/Common/icon05.png";
// import i06 from "@/assets/icons/Common/icon06.png";
// import i07 from "@/assets/icons/Common/icon07.png";
// import i08 from "@/assets/icons/Common/icon08.png";
// import i09 from "@/assets/icons/Common/icon09.png";
// import i10 from "@/assets/icons/Common/icon10.png";
// import i11 from "@/assets/icons/Common/icon11.png";
// import i12 from "@/assets/icons/Common/icon12.png";
// import i13 from "@/assets/icons/Common/icon13.png";
// import i14 from "@/assets/icons/Common/icon14.png";
// import i15 from "@/assets/icons/Common/icon15.png";
// import i16 from "@/assets/icons/Common/icon16.png";
// import i17 from "@/assets/icons/Common/icon17.png";
// import i18 from "@/assets/icons/Common/icon18.png";
// import i19 from "@/assets/icons/Common/icon19.png";
// import i20 from "@/assets/icons/Common/icon20.png";
// import i21 from "@/assets/icons/Common/icon21.png";
// import i22 from "@/assets/icons/Common/icon22.png";
// import i23 from "@/assets/icons/Common/icon23.png";
// import i24 from "@/assets/icons/Common/icon24.png";
// import i25 from "@/assets/icons/Common/icon25.png";
// import i26 from "@/assets/icons/Common/icon26.png";
// import i27 from "@/assets/icons/Common/icon27.png";
// import i28 from "@/assets/icons/Common/icon28.png";
// import i29 from "@/assets/icons/Common/icon29.png";
// import i30 from "@/assets/icons/Common/icon30.png";
export default {
props: {},
data: () => ({
imageSize: 70,
icons: [
i01,
i02,
i03,
i04,
i05,
i06,
i07,
i08,
i09,
i10,
i11,
i12,
i13,
i14,
i15,
i16,
i17,
i18,
i19,
i20,
i21,
i22,
i23,
i24,
i25,
i26,
i27,
i28,
i29,
i30
]
}),
computed: {}
};
export default {};
</script>

<style lang="scss" scoped>