lianglianglee
/
hexo-theme-keep
mirror of https://github.com/liangliangle/hexo-theme-keep.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

style: optimize first screen icon align

This commit is contained in:
XPoet 2020-12-10 18:37:56 +08:00
parent aa396b1735
commit 0821561705
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
layout/_partial/first-screen.ejs
View File

@ -4,7 +4,7 @@
<%= theme.style.first_screen.description || config.description %> <%= theme.style.first_screen.description || config.description %>
</div> </div>
<% if (theme.social_contact.enable) { %> <% if (theme.social_contact.enable) { %>
<ul class="s-icon-list"> <ul class="s-icon-list flex-center">
<% for (const key in theme.social_contact.links) { %> <% for (const key in theme.social_contact.links) { %>
<% if(theme.social_contact.links[key]) { %> <% if(theme.social_contact.links[key]) { %>
<% if(key === 'email') { %> <% if(key === 'email') { %>

4
source/css/layout/_partial/first-screen.styl
View File

@ -2,7 +2,7 @@ $first-screen-font-size = 2rem;
$first-screen-icon-size = 1.6rem; $first-screen-icon-size = 1.6rem;
$temp-img = hexo-config('style.first_screen.background_img'); $temp-img = hexo-config('style.first_screen.background_img');
$first-screen-img = $temp-img ? $temp-img : '/images/bg.svg'; $first-screen-img = $temp-img ? $temp-img:'/images/bg.svg';
.first-screen-container { .first-screen-container {
position: relative; position: relative;
@ -16,6 +16,7 @@ $first-screen-img = $temp-img ? $temp-img : '/images/bg.svg';
padding: 30px; padding: 30px;
width: 80%; width: 80%;
height: 80%; height: 80%;
box-sizing: border-box;
.description { .description {
font-weight: bold; font-weight: bold;
@ -28,6 +29,7 @@ $first-screen-img = $temp-img ? $temp-img : '/images/bg.svg';
} }
} }
.s-icon-list { .s-icon-list {
position: absolute; position: absolute;
bottom: $component-interspace; bottom: $component-interspace;