6.2.0 최종

WooyeongCho · WooyeongCho · commit 204b06b92a03 · 2023-02-12T16:59:57.000+09:00
diff --git a/background.js b/background.js
@@ -71,14 +71,15 @@ function addWater (version) {
   if(!elementExists) {  
     var header = document.getElementById( 'common_srch' );
     var str = `
-    <div id="water_pyer" title="Pyer Github Repository로 이동하기" OnClick="window.open('https://github.com/WooyeongCho/Pyer')", '_blank');" style="float: left; position:absolute; top: 13px; left: 320px;">
-      <img src="https://i.ibb.co/PGCf9RG/icon-128.png" alt="icon-128" border="0" style="width: 22px; height: 22px;">
-      <span style="color:white; font-size: 16px; font-weight:bold;" id="pyer">Pyer v.${version}</span> 
+    <div class="noselect" id="water_pyer" title="PYER Github Repository로 이동하기" OnClick="window.open('https://github.com/WooyeongCho/PYER')", '_blank');" style="float: left; position:absolute; top: 13px; left: 320px;">
+      <img src="https://i.ibb.co/PGCf9RG/icon-128.png" alt="icon-128" class="noselect" border="0" style="width: 18px; height: 18px;">
+      <span style="color:white; font-size: 14px; font-weight:800;" class="noselect" id="pyer"> PYER</span> 
+      <span style="color:rgba(255,255,255,0.6); font-size: 8px; font-weight:400;" class="noselect" id="pyerversion">v.${version}</span>
     </div>
 
     <style>
     #water_pyer {
-      top: 7px !important; 
+      top: 10px !important; 
       padding: 3px;
       padding-left: 5px;
       padding-right: 5px;
@@ -94,8 +95,25 @@ function addWater (version) {
       border: 2px solid rgba(255,255,255,0.325);
       box-shadow: 0px 2px 6px rgba(255,255,255,0.2);
     }
+
+    #water_pyer * {
+      font-family: 'Montserrat', sans-serif;
+    }
+
+    .noselect {
+      -webkit-touch-callout: none;
+      -webkit-user-select: none;
+      -khtml-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+      user-select: none;
+    }
     
     </style>
+
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;800&display=swap" rel="stylesheet">
     `;
     
     header.insertAdjacentHTML( 'beforeend', str );
diff --git a/popup/popup.css b/popup/popup.css
@@ -96,9 +96,20 @@ body {
   padding-left: 12px;
 }
 
+#PYERTITLE {
+  font-family: 'Montserrat', sans-serif !important;
+  font-weight: 800;
+  margin-top: 30px;
+}
+
+.mdc-top-app-bar__title {
+  padding-left: 16px !important;
+}
+
 .subtitle {
   font-size: 15px;
   color: var(--more-white-gray);
+  padding-left: 2px;
 }
 
 .option-box {
diff --git a/popup/popup.html b/popup/popup.html
@@ -1,13 +1,15 @@
 <html>
   <head>
     <meta charset="UTF-8">
-    
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;800&display=swap" rel="stylesheet">
   </head>
   <body>
     <div id="app">
       <input id="file-input" type="file" accept=".css" name="name" style="display: none;" />
     
-      <m-header><h3>Pyer! <span class="subtitle">엔트리 테마 확장앱</span></h3></m-header>
+      <m-header><h3 id="PYERTITLE">PYER  <span class="subtitle">엔트리 테마 확장앱</span></h3></m-header>
       <div id="contents"> 
         <br />
     
@@ -47,12 +49,12 @@
 
         </div>
       </div>
-      <m-dialog id="github-repo-dialog">Pyer Github Repository로 이동할까요?</m-dialog>
-      <m-dialog id="store-dialog">Pyer 크롬 웹스토어로 이동할까요?</m-dialog>
+      <m-dialog id="github-repo-dialog">PYER Github Repository로 이동할까요?</m-dialog>
+      <m-dialog id="store-dialog">PYER 크롬 웹스토어로 이동할까요?</m-dialog>
       <save-snackbar></save-snackbar>
     
       <div id="footer">
-        <p style='margin: 0; font-weight: 600;'>개발 wy24 도움 tica, jedeop | <span id="version"></span> 버전</p>
+        <p style='margin: 0; font-weight: 600;'>개발 wy24 도움 tica, jedeop | v.<span id="version"></span></p>
       </div>
     </div>
     
