Fixed #1353 - Responsive TabMenu and Breadcrumb

pull/1361/head
Tuğçe Küçükoğlu 2021-06-16 11:47:20 +03:00
parent 5d257140b3
commit cbc0b98846
2 changed files with 10 additions and 2 deletions

View File

@ -32,13 +32,17 @@ export default {
</script> </script>
<style> <style>
.p-breadcrumb {
overflow-x: auto;
}
.p-breadcrumb ul { .p-breadcrumb ul {
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style-type: none; list-style-type: none;
display: flex; display: flex;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: nowrap;
} }
.p-breadcrumb .p-menuitem-text { .p-breadcrumb .p-menuitem-text {

View File

@ -119,12 +119,16 @@ export default {
</script> </script>
<style> <style>
.p-tabmenu {
overflow-x: auto;
}
.p-tabmenu-nav { .p-tabmenu-nav {
display: flex; display: flex;
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style-type: none; list-style-type: none;
flex-wrap: wrap; flex-wrap: nowrap;
} }
.p-tabmenu-nav a { .p-tabmenu-nav a {