changes to theme explore

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

View file

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

View file

@ -1,4 +1,3 @@
<script type="text/x-template" id="themes-github">
<div class="content-inner github-themes-page">
<div class="gh-header">
@ -16,7 +15,9 @@
<div class="gh-content">
<div class="repos-list">
<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="col flex-center">
<div>
@ -28,13 +29,15 @@
</li>
</ul>
</div>
<div class="github-preview" >
<div class="github-preview" v-if="openRepo.full_name">
<div class="gh-preview-header">
<div class="row nopadding">
<div class="col nopadding flex-center">
<div>
<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>
</div>
@ -48,8 +51,11 @@
</div>
<hr>
<div v-html="openRepo.readme" class="github-content"></div>
</div>
<div class="github-preview" v-else>
</div>
</transition>
</div>
</div>
</script>
@ -119,8 +125,8 @@
let msg = app.stringTemplateParser(app.getLz('settings.option.visual.theme.github.install.confirm'), {
repo: repo.full_name
});
bootbox.confirm(msg, (res)=>{
if(res) {
bootbox.confirm(msg, (res) => {
if (res) {
ipcRenderer.once("theme-installed", (event, arg) => {
if (arg.success) {
self.themes = ipcRenderer.sendSync("get-themes")