okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

changes to theme explore

Browse source
This commit is contained in:
booploops 2022-02-14 02:56:38 -08:00
parent f655b8f1aa
commit 3fdd6c04c7
2 changed files with 30 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/renderer/less/pages.less
View file

@ -35,6 +35,9 @@
.repo-name { .repo-name {
margin:0px; margin:0px;
font-weight: 500; font-weight: 500;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} }
.repo-url { .repo-url {
@ -50,9 +53,22 @@
height: 100%; height: 100%;
overflow-y: overlay; overflow-y: overlay;
width: 320px; width: 320px;
font-size: 14px;
>.list-group { >.list-group {
margin:0px; margin:0px;
} }
.list-group-item {
padding: 12px 6px;
&:hover {
filter: brightness(1.2);
}
&:active {
filter: brightness(0.8);
}
}
} }
.github-preview { .github-preview {

18
src/renderer/views/pages/themes-github.ejs
View file

@ -1,4 +1,3 @@
<script type="text/x-template" id="themes-github"> <script type="text/x-template" id="themes-github">
<div class="content-inner github-themes-page"> <div class="content-inner github-themes-page">
<div class="gh-header"> <div class="gh-header">
@ -16,7 +15,9 @@
<div class="gh-content"> <div class="gh-content">
<div class="repos-list"> <div class="repos-list">
<ul class="list-group list-group-flush"> <ul class="list-group list-group-flush">
<li @click="showRepo(repo)" class="list-group-item list-group-item-dark" :style="{'background': (repo.id == openRepo.id) ? 'var(--keyColor)' : ''}" v-for="repo in repos"> <li @click="showRepo(repo)" class="list-group-item list-group-item-dark"
:style="{'background': (repo.id == openRepo.id) ? 'var(--keyColor)' : ''}"
v-for="repo in repos">
<div class="row"> <div class="row">
<div class="col flex-center"> <div class="col flex-center">
<div> <div>
@ -28,13 +29,15 @@
</li> </li>
</ul> </ul>
</div> </div>
<div class="github-preview" >
<div class="github-preview" v-if="openRepo.full_name">
<div class="gh-preview-header"> <div class="gh-preview-header">
<div class="row nopadding"> <div class="row nopadding">
<div class="col nopadding flex-center"> <div class="col nopadding flex-center">
<div> <div>
<h3 class="repo-preview-name">{{ openRepo.description }}</h3> <h3 class="repo-preview-name">{{ openRepo.description }}</h3>
<div><a class="repo-url" target="_blank" :href="openRepo.html_url">{{ openRepo.full_name }}</a></div> <div><a class="repo-url" target="_blank" :href="openRepo.html_url">{{ openRepo.full_name
}}</a></div>
<div>⭐ {{ openRepo.stargazers_count }}</div> <div>⭐ {{ openRepo.stargazers_count }}</div>
</div> </div>
</div> </div>
@ -48,8 +51,11 @@
</div> </div>
<hr> <hr>
<div v-html="openRepo.readme" class="github-content"></div> <div v-html="openRepo.readme" class="github-content"></div>
</div>
<div class="github-preview" v-else>
</div> </div>
</transition>
</div> </div>
</div> </div>
</script> </script>
@ -119,8 +125,8 @@
let msg = app.stringTemplateParser(app.getLz('settings.option.visual.theme.github.install.confirm'), { let msg = app.stringTemplateParser(app.getLz('settings.option.visual.theme.github.install.confirm'), {
repo: repo.full_name repo: repo.full_name
}); });
bootbox.confirm(msg, (res)=>{ bootbox.confirm(msg, (res) => {
if(res) { if (res) {
ipcRenderer.once("theme-installed", (event, arg) => { ipcRenderer.once("theme-installed", (event, arg) => {
if (arg.success) { if (arg.success) {
self.themes = ipcRenderer.sendSync("get-themes") self.themes = ipcRenderer.sendSync("get-themes")