perfect for good looks

can merge asap?
This commit is contained in:
NodeMixaholic 2023-03-09 01:04:43 -06:00 committed by GitHub
parent 382bc3d38b
commit 8ab07b6ece
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 45 additions and 3 deletions

View file

@ -9,7 +9,7 @@
</head>
<body>
<input id="txtUrl" style="width:72%;" placeholder="Put the website here" name="url" type="text" onkeypress="clickPress(event)" />
<button onclick="go(); return false;"></button> <button onclick="back(); return false;">⬅️</button> <button onclick="forward(); return false;">➡️</button>
<button onclick="go(); return false;" id="goBtn"></button> <button onclick="back(); return false;" id="backBtn">⬅️</button> <button onclick="forward(); return false;" id="forwardBtn">➡️</button>
<tab-group new-tab-button="true" sortable="true"><webview id="foo" style="width:100%; height:90vh" disablewebsecurity></webview></tab-group>
<script src="node_modules/electron-tabs/dist/electron-tabs.js"></script>
<script type="text/javascript" src="./extension/extensionList.js"></script>

View file

@ -8,6 +8,6 @@
</head>
<body>
<h1>Welcome to F-Stopium!</h1>
<p>Put extensions in ./extension. It uses a standard JS array format and uses URLs. Config is located at: ./config.json</p>
<p>Put extensions in ./extension. It uses a standard JS array format and uses URLs. Config is located at: ./config.json. Note: if you are using a pre-compiled version, these features are not available to you.</p>
</body>
</html>

View file

@ -1,3 +1,45 @@
/* styles.css */
/* Add styles here to customize the appearance of your app */
/* Add styles here to customize the appearance of your app */
#goBtn {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 1% 1%;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 3rem;
}
#backBtn {
background-color: #f44336; /* Red */
border: none;
color: white;
padding: 1% 1%;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 3rem;
}
#forwardBtn {
background-color: #01315e; /* Blue */
border: none;
color: white;
padding: 1% 1%;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 3rem;
}
#txtUrl {
border: none;
padding: 1% 1%;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 3rem;
}