mirror of
https://github.com/ryanamay/pint.git
synced 2024-09-20 01:50:34 +00:00
feat: UI redesign
This commit is contained in:
parent
cfc7fd3170
commit
843daa4242
3 changed files with 24 additions and 16 deletions
|
@ -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);
|
||||
});
|
23
popup.html
23
popup.html
|
@ -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>
|
||||
<div class="inb">
|
||||
<h1 class="logo-text"> Gitccentify </h1>
|
||||
</div>
|
||||
<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>
|
||||
<form>
|
||||
<label class="inb">Select Your Accent Color:</label>
|
||||
<form>
|
||||
<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>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="popup.js"></script>
|
||||
|
|
|
@ -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;
|
||||
}
|
Loading…
Reference in a new issue