perfect for good looks
can merge asap?
This commit is contained in:
parent
382bc3d38b
commit
8ab07b6ece
3 changed files with 45 additions and 3 deletions
|
@ -9,7 +9,7 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<input id="txtUrl" style="width:72%;" placeholder="Put the website here" name="url" type="text" onkeypress="clickPress(event)" />
|
<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>
|
<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 src="node_modules/electron-tabs/dist/electron-tabs.js"></script>
|
||||||
<script type="text/javascript" src="./extension/extensionList.js"></script>
|
<script type="text/javascript" src="./extension/extensionList.js"></script>
|
||||||
|
|
|
@ -8,6 +8,6 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>Welcome to F-Stopium!</h1>
|
<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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
42
styles.css
42
styles.css
|
@ -1,3 +1,45 @@
|
||||||
/* styles.css */
|
/* 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;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue