rainbownapkin/canopy
1
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

Started work on improving admin panel

Browse source
This commit is contained in:
rainbow napkin 2026-10-27 11:39:38 -04:00
parent 07a96d3f85
commit 0d817548a5
2 changed files with 25 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/views/partial/adminPanel/userList.ejs
View file

@ -15,7 +15,7 @@ You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>. %> along with this program. If not, see <https://www.gnu.org/licenses/>. %>
<div id="admin-user-list-div" class="admin-list-div"> <div id="admin-user-list-div" class="admin-list-div">
<h3>User List:</h3> <h3>User List:</h3>
<div class="dynamic-container"> <div class="dynamic-container resizable">
<table id="admin-user-list-table" class="admin-list-table"> <table id="admin-user-list-table" class="admin-list-table">
<tr id="admin-user-list-entry-title" class="admin-list-entry-title-row"> <tr id="admin-user-list-entry-title" class="admin-list-entry-title-row">
<td id="admin-user-list-entry-img-title" class="admin-list-entry-title admin-list-entry-item admin-list-entry-img-title"> <td id="admin-user-list-entry-img-title" class="admin-list-entry-title admin-list-entry-item admin-list-entry-img-title">

24
www/css/adminPanel.css
View file

@ -14,14 +14,38 @@ GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.*/ along with this program. If not, see <https://www.gnu.org/licenses/>.*/
/* We should turn this into a base style shared with the version used in the profile page*/
.dynamic-container.resizable{
resize: vertical;
width: fit-content;
height: fit-content;
min-height: 1.5em;
max-height: 8em;
padding: 0.5em 0.2em;
border-bottom-right-radius: 0;
}
/*Little hacky but this keeps initial max-height from fucking up resizing*/
.dynamic-container.resizable[style*="height"]{
max-height: 100%;
}
.admin-list-div{ .admin-list-div{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 0 0.5em;
} }
.admin-panel-container-div{ .admin-panel-container-div{
margin: 0 auto 5em; margin: 0 auto 5em;
max-width: 100%; max-width: 100%;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(45em, 1fr));
}
.admin-list-entry-title-row{
box-shadow: none;
} }
.admin-list-entry-img-title{ .admin-list-entry-img-title{