WP6
/
expub_compendium
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

merge

joel
Joel Galvez 2 years ago
parent
257fc79367
commit
4cfa33b5c9
3 changed files with 29 additions and 64 deletions
Unified View Show Diff Stats
  1. +4
    -4
      web/app/static/src/main.css
  2. +11
    -59
      web/app/static/styles/main.css
  3. +14
    -1
      web/app/templates/base.html

+ 4
- 4
web/app/static/src/main.css View File

font-weight: normal !important; font-weight: normal !important;
} }


select {
@apply p-1;
}



.book { .book {
font-family: 'ag-fett', 'Arial Black'; font-family: 'ag-fett', 'Arial Black';
} }








/* The switch - the box around the slider */ /* The switch - the box around the slider */
.switch { .switch {
position: relative; position: relative;

+ 11
- 59
web/app/static/styles/main.css View File

.pointer-events-none { .pointer-events-none {
pointer-events: none; pointer-events: none;
} }
.invisible {
visibility: hidden;
}
.static { .static {
position: static; position: static;
} }
.top-10 { .top-10 {
top: 2.5rem; top: 2.5rem;
} }
.top-12 {
top: 3rem;
}
.top-14 {
top: 3.5rem;
}
.z-10 { .z-10 {
z-index: 10; z-index: 10;
} }
margin-left: 0.5rem; margin-left: 0.5rem;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.my-4 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.my-8 { .my-8 {
margin-top: 2rem; margin-top: 2rem;
margin-bottom: 2rem; margin-bottom: 2rem;
} }
.mb-16 {
margin-bottom: 4rem;
}
.mb-2 { .mb-2 {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
.h-10 { .h-10 {
height: 2.5rem; height: 2.5rem;
} }
.h-14 {
height: 3.5rem;
}
.h-20 { .h-20 {
height: 5rem; height: 5rem;
} }
.h-screen { .h-screen {
height: 100vh; height: 100vh;
} }
.h-8 {
height: 2rem;
}
.h-16 {
height: 4rem;
}
.h-14 {
height: 3.5rem;
}
.w-10 { .w-10 {
width: 2.5rem; width: 2.5rem;
} }
.w-full { .w-full {
width: 100%; width: 100%;
} }
.min-w-\[10rem\] {
min-width: 10rem;
}
.min-w-\[7rem\] {
min-width: 7rem;
}
.min-w-\[5rem\] { .min-w-\[5rem\] {
min-width: 5rem; min-width: 5rem;
} }
.grid-flow-col { .grid-flow-col {
grid-auto-flow: column; grid-auto-flow: column;
} }
.grid-cols-\[auto\2c 1fr\] {
grid-template-columns: auto 1fr;
}
.grid-rows-1 { .grid-rows-1 {
grid-template-rows: repeat(1, minmax(0, 1fr)); grid-template-rows: repeat(1, minmax(0, 1fr));
} }
.items-stretch { .items-stretch {
align-items: stretch; align-items: stretch;
} }
.justify-start {
justify-content: flex-start;
}
.justify-center { .justify-center {
justify-content: center; justify-content: center;
} }
.gap-8 { .gap-8 {
gap: 2rem; gap: 2rem;
} }
.gap-x-8 {
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.overflow-x-auto { .overflow-x-auto {
overflow-x: auto; overflow-x: auto;
} }
-o-object-fit: contain; -o-object-fit: contain;
object-fit: contain; object-fit: contain;
} }
.p-2 {
padding: 0.5rem;
}
.p-4 { .p-4 {
padding: 1rem; padding: 1rem;
} }
.p-8 {
padding: 2rem;
}
.px-4 { .px-4 {
padding-left: 1rem; padding-left: 1rem;
padding-right: 1rem; padding-right: 1rem;
padding-left: 2rem; padding-left: 2rem;
padding-right: 2rem; padding-right: 2rem;
} }
.py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.py-3 { .py-3 {
padding-top: 0.75rem; padding-top: 0.75rem;
padding-bottom: 0.75rem; padding-bottom: 0.75rem;
padding-top: 2rem; padding-top: 2rem;
padding-bottom: 2rem; padding-bottom: 2rem;
} }
.py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.pl-1 { .pl-1 {
padding-left: 0.25rem; padding-left: 0.25rem;
} }
font-weight: normal !important; font-weight: normal !important;
} }


select {
padding: 0.25rem;
}



.book { .book {
font-family: 'ag-fett', 'Arial Black'; font-family: 'ag-fett', 'Arial Black';
} }








/* The switch - the box around the slider */ /* The switch - the box around the slider */
.switch { .switch {
position: relative; position: relative;
grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-columns: repeat(3, minmax(0, 1fr));
} }


.lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}

.lg\:grid-cols-\[52rem\2c 30rem\] { .lg\:grid-cols-\[52rem\2c 30rem\] {
grid-template-columns: 52rem 30rem; grid-template-columns: 52rem 30rem;
} }

+ 14
- 1
web/app/templates/base.html View File

# Boostrap select: https://stackoverflow.com/questions/67942546/bootstrap-5-select-dropdown-with-the-multiple-attribute-collapsed # Boostrap select: https://stackoverflow.com/questions/67942546/bootstrap-5-select-dropdown-with-the-multiple-attribute-collapsed
--> -->


{% macro view_switch() %}

<a
href="{{ request.base_url }}?view=regular{% for key in request.args %}{% if key != 'view' %}&{{ key }}={{ request.args.get(key) }}{% endif %}{% endfor %}">
Expanded view
</a>
<a
href="{{ request.base_url }}?view=list{% for key in request.args %}{% if key != 'view' %}&{{ key }}={{ request.args.get(key) }}{% endif %}{% endfor %}">
LIST VIEW
</a>

{% endmacro %}

{% macro menu() %} {% macro menu() %}
<a href="{{ url_for('tool.get_tools') }}{% if view == 'list' %}?view=list{% endif %}" <a href="{{ url_for('tool.get_tools') }}{% if view == 'list' %}?view=list{% endif %}"
class="{{ 'active' if request.path == url_for('tool.get_tools') }} menuitem tool medium-title hidden lg:block"> class="{{ 'active' if request.path == url_for('tool.get_tools') }} menuitem tool medium-title hidden lg:block">
<body <body
class="text-base overflow-y-scroll" class="text-base overflow-y-scroll"
x-data="base()" x-data="base()"
hx-boost="true"
hx-select="#all" hx-select="#all"
hx-target="#all" hx-target="#all"
hx-swap="outerHTML" hx-swap="outerHTML"

Write Preview
Loading…
Cancel
Save