Mastodon
/
share-to-mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update new share UI

This commit is contained in:
Corbin Davenport 2023-02-12 01:39:23 -05:00
parent ca12dbf5ba
commit 4615dec4fb
2 changed files with 22 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/dark.css
View File

@ -36,6 +36,6 @@ a:hover {
color: #d3d3d3;
}
.border-top {
.border-top, .border-bottom, .list-group-item {
border-color: #000 !important;
}

24
share.html
View File

@ -10,7 +10,7 @@
<link href="css/dark.css" rel="stylesheet" media="(prefers-color-scheme: dark)">
<style>
.list-group-item img {
width: 20px;
width: 1em;
height: auto;
margin-right: 5px;
}
@ -18,26 +18,28 @@
</head>
<body>
<div class="container-fluid">
<div class="mt-2 mb-2 text-muted">Select a server</div>
<div class="list-group mb-2">
<a href="#" class="list-group-item list-group-item-action">
<div class="list-group mb-2 list-group-flush border-bottom">
<li class="list-group-item list-group-item-dark">
Select a server
<div class="float-end">
<a href="#" target="_blank">
Add or remove servers
</a>
</div>
</li>
<a href="#" class="list-group-item list-group-item-action display-6">
<img src="https://toot.community/favicon.ico">
toot.community
</a>
<a href="#" class="list-group-item list-group-item-action">
<a href="#" class="list-group-item list-group-item-action display-6">
<img src="https://toot.cafe/favicon.ico">
toot.cafe
</a>
<a href="#" class="list-group-item list-group-item-action">
<a href="#" class="list-group-item list-group-item-action display-6">
<img src="https://mastodon.social/favicon.ico">
mastodon.social
</a>
</div>
<a href="#" target="_blank">
<button type="button" class="btn btn-sm btn-outline-secondary w-100 mb-2">Add or remove servers</button>
</a>
</div>
<script src="js/bootstrap.js"></script>
<script src="js/settings.js"></script>