backup/pywb
1
0
Fork 0
mirror of https://github.com/webrecorder/pywb.git synced 2025-03-24 06:59:52 +01:00
Code Issues Projects Releases Activity

vueui: main app class "row" was colliding with bootstrap css definition; renamed

Browse Source
This commit is contained in:
Ivan Velev 2021-09-20 11:50:01 -07:00
parent 814fe2bc31
commit 1a78707612
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
pywb/vueui/src/App.vue
View File

@ -1,10 +1,10 @@
<template> <template>
<div class="app" data-app="webrecorder-replay-app"> <div class="app" data-app="webrecorder-replay-app">
<div class="banner"> <div class="banner">
<div class="row"> <div class="line">
<div class="logo"><img :src="config.logoImg" /></div> <div class="logo"><img :src="config.logoImg" /></div>
<div class="timeline-wrap"> <div class="timeline-wrap">
<div class="row"> <div class="line">
<TimelineBreadcrumbs <TimelineBreadcrumbs
v-if="currentPeriod" v-if="currentPeriod"
:period="currentPeriod" :period="currentPeriod"
@ -150,7 +150,7 @@ export default {
max-width: 1200px; /* limit width */ max-width: 1200px; /* limit width */
position: relative; position: relative;
} }
.banner .row { .banner .line {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
} }
@ -174,11 +174,11 @@ export default {
position: relative; position: relative;
} }
.timeline-wrap .row .breadcrumbs { .timeline-wrap .line .breadcrumbs {
display: inline-block; display: inline-block;
flex-grow: 1; flex-grow: 1;
} }
.timeline-wrap .row .toggles { .timeline-wrap .line .toggles {
display: inline-block; display: inline-block;
flex-shrink: 1; flex-shrink: 1;
} }