Compare commits

...

2 commits

Author SHA1 Message Date
ro
cd056336cd
file upload fix
found a minor bug that was preventing file uploads, so that was fixed.

also commented out some buttons that are for features that have not been
added just yet
2024-05-28 13:16:50 -06:00
ro
db5ee3f87f
settings responsive pt. 1
ripped out all of the old responsive styles from the setting layou and
plugged in the new format.

still needs some polish but the new structure is in place, so progress
will be easier
2024-05-28 13:00:25 -06:00
3 changed files with 88 additions and 96 deletions

View file

@ -4,7 +4,7 @@ namespace App\Http\Controllers\API;
use App\Http\Controllers\Controller; use App\Http\Controllers\Controller;
use Illuminate\Http\Request; use Illuminate\Http\Request;
use App\Services\FileUploadService; use App\Services\Assets\FileUploadService;
class FileUploadAPIController extends Controller class FileUploadAPIController extends Controller
{ {

View file

@ -318,111 +318,99 @@ section#site-themes > a {
z-index: 30; z-index: 30;
} }
section[class="data-settings"] {
color: var(--white);
}
@media only screen and (max-width: 900px) {
main > article[class="settings"] {
width: 97%;
}
}
@media only screen and (max-width: 650px) {
section[class="member-settings"] div input[type="text"] {
width: 99.3%;
height: 40px;
margin-bottom: 10px;
}
section[class="member-settings"] {
grid-template-columns: 1fr 1fr;
}
section[class="member-settings"] > div[class="mail"] input {
width: 97.7%;
height: 40px;
padding-left: 5px;
margin-bottom: 10px;
}
section[class="member-settings"] div textarea {
height: 80px;
width: 99.3%;
}
section[class="member-settings"] > div:nth-child(1) {
grid-column: 1/2;
grid-row: 1/3;
height: 200px;
}
section[class="member-settings"] > div:nth-child(2) {
grid-column: 2/3;
grid-row: 1/3;
}
section[class="member-settings"] > div:nth-child(3) {
grid-column: 1/3;
grid-row: 3/5;
}
section[class="member-settings"] > div:nth-child(4) {
grid-column: 1/2;
}
section[class="member-settings"] > div:nth-child(5) {
grid-column: 2/3;
}
section[class="member-settings"] > div:nth-child(6) {
grid-column: 1/2;
}
section[class="member-settings"] > div:nth-child(7) {
grid-column: 2/3;
min-height: 325px;
}
section[class="member-settings"] > div:nth-child(8) {
grid-column: 1/3;
}
}
@media only screen and (max-width: 530px) { @media only screen and (max-width: 530px) {
section[class="member-settings"] > div[class="mail"] input { article.settings div.tab-toolbar button {
width: 98.5%; width: 20%;
height: 40px;
color: var(--secondary);
font-size: 0.7em;
} }
section[class="member-settings"] { section#site-profile {
grid-template-columns: 100%; grid-template-columns: 1fr;
} }
section[class="member-settings"] div textarea { section#site-profile > div:nth-child(1) {
height: 80px; grid-column: 1/4;
grid-row: 1;
height: 250px;
padding: 10px;
} }
section[class="member-settings"] > div:nth-child(1) { section#site-profile > div:nth-child(2) {
grid-row: 1/3; grid-column: 1/4;
height: 200px; grid-row: 2;
height: 250px;
padding: 10px;
} }
section[class="member-settings"] > div:nth-child(2) { section#site-profile > div:nth-child(3) {
grid-row: 3/5; grid-column: 1/4;
grid-column: 1; grid-row: 3;
height: 200px; padding-left: 10px;
} }
section[class="member-settings"] > div:nth-child(3) { section#site-profile > div:nth-child(4) {
grid-column: 1; grid-column: 1/4;
grid-row: 5/7; grid-row: 4;
padding: 5px;
} }
section[class="member-settings"] > div:nth-child(4), section#site-profile > div:nth-child(4) a {
section[class="member-settings"] > div:nth-child(5), font-weight: bold;
section[class="member-settings"] > div:nth-child(6), text-decoration: underline;
section[class="member-settings"] > div:nth-child(7), color: var(--primary-highlight);
section[class="member-settings"] > div:nth-child(8) { }
grid-column: 1;
section#site-profile > div:nth-child(5) {
grid-column: 1/4;
grid-row: 5;
padding: 10px;
}
section#site-profile > div:nth-child(6) {
grid-column: 1/4;
grid-row: 6;
padding: 0 10px;
}
section#site-profile > div:nth-child(6) div {
display: inline-block;
color: var(--secondary);
word-wrap: break-word;
vertical-align: top;
width: 49%;
}
section#site-profile > div:nth-child(6) div > span {
display: block;
background: var(--primary);
color: var(--secondary);
border-radius: 3px;
padding: 3px;
margin-bottom: 10px;
}
section#site-profile > div textarea {
width: 98.4%;
height: 85%;
}
article.settings section.settings-tabs section.section-tab {
width: 98%;
padding: 5px;
}
section#site-features > div.features-mail {
width: 96%;
}
section#site-features div.site-options button,
section#site-features div.site-maintenance button {
width: 86%;
}
section#site-features div.option-container span {
font-size: 0.7em;
} }
} }

View file

@ -10,7 +10,7 @@
<button id="themes" class="tab-button">THEMES</button> <button id="themes" class="tab-button">THEMES</button>
</div> </div>
<section class="settings-tabs"> <section class="settings-tabs">
<section id="site-profile" class="section-tab hide"> <section id="site-profile" class="section-tab show">
<div class="member-avatar"> <div class="member-avatar">
<div class="avatar" style="background: url({{ $member['avatar'] }} ) no-repeat center center / cover"></div> <div class="avatar" style="background: url({{ $member['avatar'] }} ) no-repeat center center / cover"></div>
<input id="avatar-upload" type="file" name="avatar-upload"/> <input id="avatar-upload" type="file" name="avatar-upload"/>
@ -122,6 +122,7 @@
@endif @endif
<span> <span>
</div> </div>
<!-- TODO: File Back up option
<div class="option-container"> <div class="option-container">
<svg id="nav-menu-icon" class="icon"> <svg id="nav-menu-icon" class="icon">
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-images"/> <use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-images"/>
@ -131,6 +132,8 @@
</button> </button>
<span>COMING SOON</span> <span>COMING SOON</span>
</div> </div>
-->
<!-- TODO: Reset site to defualt
<div class="option-container"> <div class="option-container">
<svg id="nav-menu-icon" class="icon"> <svg id="nav-menu-icon" class="icon">
<use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-back-in-time"/> <use id="nav-menu-icon" xlink:href="/assets/images/global/sprite.svg#entypo-back-in-time"/>
@ -140,9 +143,10 @@
</button> </button>
<span>COMING SOON</span> <span>COMING SOON</span>
</div> </div>
-->s
</div> </div>
</section> </section>
<section id="site-themes" class="section-tab show"> <section id="site-themes" class="section-tab hide">
@foreach($themes as $theme) @foreach($themes as $theme)
@if($theme['name'] == $currentTheme) @if($theme['name'] == $currentTheme)
<!-- <!--