ryanamay/pint
1
0
Fork 0
mirror of https://github.com/ryanamay/pint.git synced 2024-09-20 01:50:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: UI redesign

Browse source
This commit is contained in:
nafunii 2022-01-11 06:43:45 +08:00
parent cfc7fd3170
commit 843daa4242
No known key found for this signature in database
GPG key ID: 0A82862EF6000AE3
3 changed files with 24 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
background.js
View file

@ -16,7 +16,7 @@ chrome.action.onClicked.addListener((tab) => {
chrome.scripting.executeScript({
target: { tabId: tab.id },
files: ['popup.js']
});
}, () => chrome.runtime.lastError);
});
@ -24,5 +24,5 @@ chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
chrome.scripting.executeScript({
target: { tabId: tabId },
files: ['onload.js']
});
}, () => chrome.runtime.lastError);
});

19
popup.html
View file

@ -18,19 +18,20 @@
</head>
<body>
<div class="row" id="title">
<div class="inb"><img class="logo" src="images/icon32.png" alt="Github Accentify"></img>
<div id="title">
<p align="center">
<img width="50" src="https://github.com/nafunii/gh-accentify/blob/main/images/icon16.png?raw=true" alt="Profile Picture">
<br> · Gitccentify ·
<br> v1.0.0</p>
</p>
<hr>
</div>
<div class="inb">
<h1 class="logo-text"> Gitccentify </h1>
</div>
</div>
<div>
<form>
<label class="inb">Select Your Accent Color:</label>
<div class="vertcenter">
<label for="accent" class="inb">Select Your Accent Color:</label>
<input class="getColor" type="color" name="accent-color" id="accent">
</form>
</div>
</form>
<!-- Scripts -->
<script src="popup.js"></script>

13
styles/styles.css
View file

@ -10,10 +10,11 @@ h1 {
}
#title {
height: 64px;
background-color: bisque;
width: 400px;
height: 80px;
background-color: rgb(255, 255, 255);
width: 300px;
position: relative;
padding: 0 0 20px 0;
}
.logo {
@ -36,3 +37,9 @@ h1 {
border: none;
border-radius: 2px;
}
.vertcenter {
display: flex;
justify-content: center;
align-items: center;
}