From 082156170531c9f1868bde796535dc926579f949 Mon Sep 17 00:00:00 2001
From: XPoet <i@xpoet.cn>
Date: Thu, 10 Dec 2020 18:37:56 +0800
Subject: [PATCH] style: optimize first screen icon align

---
 layout/_partial/first-screen.ejs             | 2 +-
 source/css/layout/_partial/first-screen.styl | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/layout/_partial/first-screen.ejs b/layout/_partial/first-screen.ejs
index 05f963b..4dcfec0 100644
--- a/layout/_partial/first-screen.ejs
+++ b/layout/_partial/first-screen.ejs
@@ -4,7 +4,7 @@
             <%= theme.style.first_screen.description || config.description %>
         </div>
         <% 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) { %>
                     <% if(theme.social_contact.links[key]) { %>
                         <% if(key === 'email') { %>
diff --git a/source/css/layout/_partial/first-screen.styl b/source/css/layout/_partial/first-screen.styl
index c8f0ab6..89e1298 100644
--- a/source/css/layout/_partial/first-screen.styl
+++ b/source/css/layout/_partial/first-screen.styl
@@ -2,7 +2,7 @@ $first-screen-font-size = 2rem;
 $first-screen-icon-size = 1.6rem;
 
 $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 {
   position: relative;
@@ -16,6 +16,7 @@ $first-screen-img = $temp-img ? $temp-img : '/images/bg.svg';
     padding: 30px;
     width: 80%;
     height: 80%;
+    box-sizing: border-box;
 
     .description {
       font-weight: bold;
@@ -28,6 +29,7 @@ $first-screen-img = $temp-img ? $temp-img : '/images/bg.svg';
       }
     }
 
+
     .s-icon-list {
       position: absolute;
       bottom: $component-interspace;