rooty/fab-manager
1
0
Fork 0
mirror of https://github.com/LaCasemate/fab-manager.git synced 2025-02-26 20:54:21 +01:00
Code Issues Releases Activity

(ui) Fix layout width

Browse Source
This commit is contained in:
Vincent 2023-01-31 16:28:52 +01:00 committed by Sylvain
parent 6fa12d3996
commit 994b919b58
4 changed files with 25 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/frontend/src/stylesheets/modules/base/editorial-block.scss
View File

@ -1,5 +1,4 @@
.editorial-block {
margin-bottom: 3.2rem;
padding: 2.4rem;
display: flex;
flex-direction: column;

13
app/frontend/src/stylesheets/modules/machines/machines-filters.scss
View File

@ -1,7 +1,5 @@
.machines-filters {
max-width: 1600px;
width: 100%;
margin: 0 auto;
padding: 0.8rem 2.4rem;
display: flex;
flex-wrap: wrap;
@ -27,14 +25,3 @@
p { margin: 0 0.8rem 0 0; }
}
}
//@media screen and (max-width: 720px){
// .machines-filters {
// display: block;
// .filter-item {
// padding-right: 0 !important;
// display: block;
// width: 100%;
// }
// }
//}

4
app/frontend/src/stylesheets/modules/machines/machines-list.scss
View File

@ -1,4 +1,6 @@
.machines-list {
max-width: 1600px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 1.6rem;
@ -17,9 +19,7 @@
}
.all-machines {
max-width: 1600px;
width: 100%;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
gap: 3.2rem;

55
app/frontend/templates/trainings/index.html
View File

@ -16,44 +16,35 @@
<section class="m-lg">
<training-editorial-block on-error="onError"></training-editorial-block>
<div class="row" ng-repeat="training in (trainings.length/3 | array)">
<div class="col-xs-12 col-sm-6 col-md-4" ng-repeat="training in trainings.slice(3*$index, 3*$index + 3)">
<div class="widget panel panel-default">
<div class="panel-heading picture" ng-if="!training.training_image_attributes" ng-click="showTraining(training)">
<img src="data:image/png;base64," data-src="holder.js/100%x100%/text:&#xf03e;/font:'Font Awesome 5 Free'/icon" bs-holder class="img-responsive">
</div>
<div class="panel-heading picture" style="background-image:url({{training.training_image_attributes.attachment_url}})" ng-if="training.training_image_attributes" ng-click="showTraining(training)">
</div>
<div class="panel-body">
<h1 class="m-b text-center">{{training.name}}</h1>
</div>
<div class="panel-footer no-padder">
<div class="text-center clearfix">
<div class="col-sm-6 b-r no-padder">
<div class="btn btn-default btn-block no-b padder-v red" ng-click="reserveTraining(training, $event)">
<i class="fa fa-bookmark"></i> {{ 'app.public.trainings_list.book' | translate }}
<div class="trainings">
<training-editorial-block on-error="onError"></training-editorial-block>
<div class="row" ng-repeat="training in (trainings.length/3 | array)">
<div class="col-xs-12 col-sm-6 col-md-4" ng-repeat="training in trainings.slice(3*$index, 3*$index + 3)">
<div class="widget panel panel-default">
<div class="panel-heading picture" ng-if="!training.training_image_attributes" ng-click="showTraining(training)">
<img src="data:image/png;base64," data-src="holder.js/100%x100%/text:&#xf03e;/font:'Font Awesome 5 Free'/icon" bs-holder class="img-responsive">
</div>
<div class="panel-heading picture" style="background-image:url({{training.training_image_attributes.attachment_url}})" ng-if="training.training_image_attributes" ng-click="showTraining(training)">
</div>
<div class="panel-body">
<h1 class="m-b text-center">{{training.name}}</h1>
</div>
<div class="panel-footer no-padder">
<div class="text-center clearfix">
<div class="col-sm-6 b-r no-padder">
<div class="btn btn-default btn-block no-b padder-v red" ng-click="reserveTraining(training, $event)">
<i class="fa fa-bookmark"></i> {{ 'app.public.trainings_list.book' | translate }}
</div>
</div>
</div>
<div class="col-sm-6 no-padder">
<div class="btn btn-default btn-block padder-v no-b red" ng-click="showTraining(training)">
<i class="fas fa-eye"></i> {{ 'app.shared.buttons.consult' | translate }}
<div class="col-sm-6 no-padder">
<div class="btn btn-default btn-block padder-v no-b red" ng-click="showTraining(training)">
<i class="fas fa-eye"></i> {{ 'app.shared.buttons.consult' | translate }}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>